From ca50d77ac2eceb2c19c9b916777365c212f0ab57 Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Wed, 6 Jan 2021 16:57:57 +0000
Subject: [PATCH] Make sticky footer take up full width

So that we have space to display the message about how long the template
content is alongside the button, without the message wrapping.
---
 app/templates/views/edit-broadcast-template.html | 10 ++++++----
 app/templates/views/edit-sms-template.html       | 12 ++++++------
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/app/templates/views/edit-broadcast-template.html b/app/templates/views/edit-broadcast-template.html
index 21b0374d3..6f03ccafc 100644
--- a/app/templates/views/edit-broadcast-template.html
+++ b/app/templates/views/edit-broadcast-template.html
@@ -1,7 +1,7 @@
 {% extends "withnav_template.html" %}
 {% from "components/textbox.html" import textbox %}
 {% from "components/page-header.html" import page_header %}
-{% from "components/page-footer.html" import sticky_page_footer %}
+{% from "components/page-footer.html" import page_footer %}
 {% from "components/form.html" import form_wrapper %}
 
 {% block service_page_title %}
@@ -22,10 +22,12 @@
           "classes": "govuk-!-width-full",
           "hint": {"text": "Your recipients will not see this"},
         }) }}
-      </div>
-      <div class="govuk-grid-column-two-thirds">
         {{ textbox(form.template_content, highlight_placeholders=False, autosize=True, width='1-1', rows=5) }}
-        {{ sticky_page_footer('Save') }}
+      </div>
+      <div class="govuk-grid-column-full">
+        <div class="js-stick-at-bottom-when-scrolling">
+          {{ page_footer('Save') }}
+        </div>
       </div>
     </div>
   {% endcall %}
diff --git a/app/templates/views/edit-sms-template.html b/app/templates/views/edit-sms-template.html
index 7a83823b1..f493b072b 100644
--- a/app/templates/views/edit-sms-template.html
+++ b/app/templates/views/edit-sms-template.html
@@ -1,7 +1,7 @@
 {% extends "withnav_template.html" %}
 {% from "components/textbox.html" import textbox %}
 {% from "components/page-header.html" import page_header %}
-{% from "components/page-footer.html" import sticky_page_footer %}
+{% from "components/page-footer.html" import page_footer %}
 {% from "components/form.html" import form_wrapper %}
 
 {% block service_page_title %}
@@ -22,15 +22,15 @@
             "classes": "govuk-!-width-full",
             "hint": {"text": "Your recipients will not see this"}
           }) }}
-        </div>
-        <div class="govuk-grid-column-two-thirds">
           {{ textbox(form.template_content, highlight_placeholders=True, width='1-1', rows=5) }}
           {% if current_user.platform_admin %}
             {{ form.process_type }}
           {% endif %}
-          {{ sticky_page_footer(
-            'Save'
-          ) }}
+        </div>
+        <div class="govuk-grid-column-full">
+          <div class="js-stick-at-bottom-when-scrolling">
+            {{ page_footer('Save') }}
+          </div>
         </div>
         <aside class="govuk-grid-column-full">
           {% include "partials/templates/guidance-personalisation.html" %}