From d6b785d3fa4c1836e835333353e0d74c7b3c6a40 Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Wed, 31 Oct 2018 14:08:37 +0000
Subject: [PATCH] =?UTF-8?q?Style=20=E2=80=98Download=20PDF=E2=80=99=20link?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/assets/stylesheets/components/page-footer.scss | 7 +++++++
 app/templates/views/notifications/check.html       | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/components/page-footer.scss b/app/assets/stylesheets/components/page-footer.scss
index 2d668b5a5..d126068c5 100644
--- a/app/assets/stylesheets/components/page-footer.scss
+++ b/app/assets/stylesheets/components/page-footer.scss
@@ -1,5 +1,6 @@
 .page-footer {
 
+  position: relative;
   margin-bottom: 30px;
 
   &-back-link {
@@ -50,6 +51,12 @@
     margin-top: $gutter;
   }
 
+  &-right-aligned-link {
+    position: absolute;
+    right: 0;
+    top: 10px;  // align baseline with buttons
+  }
+
   .button,
   .button-destructive {
     margin-right: 10px;
diff --git a/app/templates/views/notifications/check.html b/app/templates/views/notifications/check.html
index b0a060c7a..c904f1788 100644
--- a/app/templates/views/notifications/check.html
+++ b/app/templates/views/notifications/check.html
@@ -65,7 +65,7 @@
       {% endif %}
       <a href="{{ back_link }}" class="page-footer-back-link">Back</a>
       {% if template.template_type == 'letter' %}
-        <a href="{{ url_for('main.check_notification_preview', service_id=current_service.id, template_id=template.id, filetype='pdf') }}" download>Download as a printable PDF</a>
+        <a href="{{ url_for('main.check_notification_preview', service_id=current_service.id, template_id=template.id, filetype='pdf') }}" download class="page-footer-right-aligned-link">Download as a printable PDF</a>
       {% endif %}
     </form>
   </div>