From c17430fbc7d3737a00fb8e54141809db4d2ae285 Mon Sep 17 00:00:00 2001
From: ScottDormand96 <sdormand@hotmail.com>
Date: Wed, 29 Nov 2023 15:45:34 +0000
Subject: [PATCH 1/2] Accessibility - reflow of content

https://eaflood.atlassian.net/browse/IWTF-3813

make the page for the low vision users who require screen magnification, ensuring that all content is accessible and easily operable for them

From caa81ee4c31607443d435a4ef2f084b76c9ba402 Mon Sep 17 00:00:00 2001
From: ScottDormand96 <sdormand@hotmail.com>
Date: Wed, 6 Dec 2023 14:48:34 +0000
Subject: [PATCH 2/2] allow email drop to next level avoid scrolling

---
 .../assets/sass/rod-licensing/_general.scss                  | 5 +++++
 .../check-confirmation-contact.njk                           | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/gafl-webapp-service/assets/sass/rod-licensing/_general.scss b/packages/gafl-webapp-service/assets/sass/rod-licensing/_general.scss
index f8f1d22476..19d9fd7148 100644
--- a/packages/gafl-webapp-service/assets/sass/rod-licensing/_general.scss
+++ b/packages/gafl-webapp-service/assets/sass/rod-licensing/_general.scss
@@ -6,6 +6,11 @@ div.hidden-area {
   color: govuk-colour('white');
 }
 
+.contact-info {
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+}
+
 @media print {
   @page {
     // size: A4, this affects the margin in the printer settings
diff --git a/packages/gafl-webapp-service/src/pages/contact/digital-licence/check-confirmation-contact/check-confirmation-contact.njk b/packages/gafl-webapp-service/src/pages/contact/digital-licence/check-confirmation-contact/check-confirmation-contact.njk
index 1046d3ac68..452bc9a7d9 100644
--- a/packages/gafl-webapp-service/src/pages/contact/digital-licence/check-confirmation-contact/check-confirmation-contact.njk
+++ b/packages/gafl-webapp-service/src/pages/contact/digital-licence/check-confirmation-contact/check-confirmation-contact.njk
@@ -20,7 +20,7 @@
         {{ title }}
       </h1>
 
-      <p class="govuk-body govuk-!-font-size-27" id="contact-information" aria-labelledby="contact-information">
+      <p class="govuk-body contact-info" id="contact-information" aria-labelledby="contact-information">
         {{ contactInfo }}
       </p>