From dad76eed17b4006e710347e429d06f03d43ab401 Mon Sep 17 00:00:00 2001
From: Katherine Martin <78093815+martikat@users.noreply.github.com>
Date: Wed, 30 Oct 2024 11:42:43 +0000
Subject: [PATCH] EYCDTK-52 Cookie banner update (#1371)

* Improve cookie banner alignment
* Update cookie page to wrap text on mobile
* Update to only apply styling to mobile

---------
---
 app/assets/stylesheets/application.scss    | 10 ++++++++++
 app/views/settings/cookie_policy.html.slim |  3 ++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index 478817b36..1a7b77a06 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -196,3 +196,13 @@ ul>li>ul>li {
 .text-secondary {
   color: $govuk-secondary-text-colour;
 }
+
+.govuk-cookie-banner .govuk-button-group {
+  align-items: center;
+}
+
+.cookie-policy-body {
+  @include govuk-media-query($until: tablet) {
+    overflow-wrap: anywhere;
+  }
+}
diff --git a/app/views/settings/cookie_policy.html.slim b/app/views/settings/cookie_policy.html.slim
index 011a56051..1ab8d1c54 100644
--- a/app/views/settings/cookie_policy.html.slim
+++ b/app/views/settings/cookie_policy.html.slim
@@ -3,7 +3,8 @@
 
 .govuk-grid-row class='govuk-!-margin-bottom-7'
   .govuk-grid-column-two-thirds-from-desktop
-    = m('cookie_policy.body')
+    .cookie-policy-body
+      = m('cookie_policy.body')
 
     = form_with url: settings_path, method: :post, local: true do |f|
       = f.hidden_field :request_path, value: request.path