Tighten up spacing around download link

app/assets/stylesheets/_grids.scss

@@ -31,6 +31,10 @@
   margin-bottom: $gutter-two-thirds;
 }
 
+.bottom-gutter-1-2 {
+  margin-bottom: $gutter-half;
+}
+
 .align-with-heading {
   display: block;
   text-align: center;

app/templates/partials/jobs/notifications.html

@@ -6,11 +6,11 @@
 
   {% if not help %}
     {% if percentage_complete < 100 %}
-      <p class="bottom-gutter hint">
+      <p class="bottom-gutter-1-2 hint">
         Report is {{ "{:.0f}%".format(percentage_complete) }} complete…
       </p>
     {% elif notifications %}
-      <p class="bottom-gutter">
+      <p class="bottom-gutter-1-2">
         <a href="{{ download_link }}" download="download" class="heading-small">Download this report</a>
         &emsp;
         <span id="time-left">{{ time_left }}</span>

app/templates/views/notifications.html

@@ -34,7 +34,7 @@
   </div>
 
   {% if notifications %}
-    <p class="bottom-gutter">
+    <p class="bottom-gutter-1-2">
       <a href="{{ download_link }}" download="download" class="heading-small">Download as a CSV file</a>
       &emsp;
       Delivery information is available for 7 days