From c1a5383a3fa5a1997fb9a59d2629cd04cb30caf2 Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Mon, 22 Jul 2019 11:36:40 +0100
Subject: [PATCH] Even out the spacing on the settings page

This makes the spacing above and below each heading on the settings
page consistent.
---
 app/assets/stylesheets/_grids.scss           | 4 ++++
 app/assets/stylesheets/app.scss              | 4 ++++
 app/assets/stylesheets/components/table.scss | 5 +++++
 app/templates/views/service-settings.html    | 4 ++--
 4 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/_grids.scss b/app/assets/stylesheets/_grids.scss
index 48c1b60aa..85551da03 100644
--- a/app/assets/stylesheets/_grids.scss
+++ b/app/assets/stylesheets/_grids.scss
@@ -54,6 +54,10 @@
   margin-top: $gutter * 2 / 3;
 }
 
+.top-gutter-0 {
+  margin-top: 0;
+}
+
 %bottom-gutter,
 .bottom-gutter {
   @extend %contain-floats;
diff --git a/app/assets/stylesheets/app.scss b/app/assets/stylesheets/app.scss
index 9bfd2e46f..700056740 100644
--- a/app/assets/stylesheets/app.scss
+++ b/app/assets/stylesheets/app.scss
@@ -77,6 +77,10 @@ a {
   > .heading-medium {
     margin: $gutter-half 0 ($gutter / 3 * 2) 0;
     word-wrap: break-word;
+
+    &.top-gutter-0 {
+      margin-top: 0;
+    }
   }
 
 }
diff --git a/app/assets/stylesheets/components/table.scss b/app/assets/stylesheets/components/table.scss
index 73112500c..840d535f6 100644
--- a/app/assets/stylesheets/components/table.scss
+++ b/app/assets/stylesheets/components/table.scss
@@ -55,6 +55,7 @@
 
   table {
     table-layout: fixed;
+    margin-bottom: $gutter / 6;
   }
 
   th {
@@ -91,6 +92,10 @@
 
   }
 
+  .table-heading {
+    margin-bottom: 20px;
+  }
+
 }
 
 %table-field,
diff --git a/app/templates/views/service-settings.html b/app/templates/views/service-settings.html
index 1f8bf3f43..7cc16eadd 100644
--- a/app/templates/views/service-settings.html
+++ b/app/templates/views/service-settings.html
@@ -244,7 +244,7 @@
     </div>
 
     {% if current_service.trial_mode %}
-      <h2 class="heading-medium">Your service is in trial mode</h2>
+      <h2 class="heading-medium top-gutter-0">Your service is in trial mode</h2>
 
       <ul class='list list-bullet'>
         <li>you can only send messages to yourself</li>
@@ -262,7 +262,7 @@
         </p>
 
     {% else %}
-      <h2 class="heading-medium">Your service is live</h2>
+      <h2 class="heading-medium top-gutter-0">Your service is live</h2>
 
       <p>
         You can send up to