From ac948ceb19bf818db7b75681ce9289bda47326ed Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Tue, 18 Apr 2017 13:19:41 +0100
Subject: [PATCH] =?UTF-8?q?Make=20delete=20link=20flush=20left=20when=20th?=
 =?UTF-8?q?ere=E2=80=99s=20no=20button?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The delete link was designed to be used with a button, where it needs
some padding to separate it from the button.

We now have a case where it’s being used without an accompanying button,
so we need a variation without that padding.
---
 app/assets/stylesheets/components/page-footer.scss | 4 ++++
 app/templates/components/page-footer.html          | 2 +-
 app/templates/views/templates/template.html        | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/components/page-footer.scss b/app/assets/stylesheets/components/page-footer.scss
index 31e7e5ab0..04b6a31b1 100644
--- a/app/assets/stylesheets/components/page-footer.scss
+++ b/app/assets/stylesheets/components/page-footer.scss
@@ -39,6 +39,10 @@
 
   }
 
+  &-delete-link-without-button {
+    padding-left: 0;
+  }
+
   &-secondary-link {
     display: block;
     margin-top: $gutter;
diff --git a/app/templates/components/page-footer.html b/app/templates/components/page-footer.html
index bdd5be23f..5dcc69e4f 100644
--- a/app/templates/components/page-footer.html
+++ b/app/templates/components/page-footer.html
@@ -17,7 +17,7 @@
       <a class="page-footer-back-link" href="{{ back_link }}">{{ back_link_text }}</a>
     {% endif %}
     {% if delete_link %}
-      <span class="page-footer-delete-link">
+      <span class="page-footer-delete-link {% if not button_text %}page-footer-delete-link-without-button{% endif %}">
         <a href="{{ delete_link }}">{{ delete_link_text }}</a>
       </span>
     {% endif %}
diff --git a/app/templates/views/templates/template.html b/app/templates/views/templates/template.html
index d12d331a8..ab564ef2b 100644
--- a/app/templates/views/templates/template.html
+++ b/app/templates/views/templates/template.html
@@ -23,7 +23,7 @@
   </div>
 
   {% if template._template.updated_at %}
-    <div class="bottom-gutter">
+    <div class="bottom-gutter-1-2">
       <h2 class="heading-small">Last edited {{ template._template.updated_at|format_delta }}</h2>
       <p>
         <a href="{{ url_for('.view_template_versions', service_id=current_service.id, template_id=template.id) }}">See previous versions</a>