Merge pull request #2511 from alphagov/sticky-send

Use sticky footer on the check one-off page

app/assets/stylesheets/components/stick-at-top-when-scrolling.scss

@@ -40,7 +40,15 @@
 
 .js-stick-at-bottom-when-scrolling {
 
+  $vertical-padding: $gutter * 2 / 3;
+
   transition: bottom 0.1s ease-out, box-shadow 1s ease-in-out;
+  padding: $vertical-padding 0 $vertical-padding $gutter-half;
+  margin-top: -$vertical-padding;
+
+  .page-footer {
+    margin-bottom: 0;
+  }
 
 }
 

app/main/views/send.py

@@ -543,6 +543,7 @@ def _check_messages(service_id, template_id, upload_id, preview_row, letters_as_
         db_template,
         current_service,
         show_recipient=True,
+        expand_emails=True,
         letter_preview_url=url_for(
             '.check_messages_preview',
             service_id=service_id,
@@ -853,6 +854,7 @@ def _check_notification(service_id, template_id, exception=None):
         db_template,
         current_service,
         show_recipient=True,
+        expand_emails=True,
         email_reply_to=email_reply_to,
         sms_sender=sms_sender,
         letter_preview_url=url_for(

app/templates/views/notifications/check.html

@@ -52,7 +52,7 @@
 
   {{ template|string }}
 
-  <div class="bottom-gutter-3-2">
+  <div class="js-stick-at-bottom-when-scrolling">
     <form method="post" enctype="multipart/form-data" action="{{url_for(
         'main.send_notification',
         service_id=current_service.id,