From d537da330e34a12e68e933046e163874888b9315 Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Tue, 29 Mar 2016 16:15:15 +0100
Subject: [PATCH] Visually align headings inside grid rows
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

When the first heading on the page is inside a grid row, it doesn’t
vertically align properly with the navigation. This is because it
isn’t targeted by the selector that does this for pages without
an initial grid row.

This commit:
- adds an extra selector to target these headings
- makes the ‘add new thing’ buttons maintain their alignment with
  the page heading
---
 app/assets/stylesheets/_grids.scss | 2 +-
 app/assets/stylesheets/app.scss    | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/_grids.scss b/app/assets/stylesheets/_grids.scss
index f0008d51e..bb711f3e4 100644
--- a/app/assets/stylesheets/_grids.scss
+++ b/app/assets/stylesheets/_grids.scss
@@ -26,7 +26,7 @@
 .align-with-heading {
   display: block;
   text-align: center;
-  margin-top: 45px;
+  margin-top: 35px;
   padding-left: 2px;
   padding-right: 2px;
 }
diff --git a/app/assets/stylesheets/app.scss b/app/assets/stylesheets/app.scss
index 439a4543b..c5e88e8c9 100644
--- a/app/assets/stylesheets/app.scss
+++ b/app/assets/stylesheets/app.scss
@@ -60,6 +60,14 @@ a {
     margin-top: $gutter;
   }
 
+  > .grid-row  {
+    
+    .heading-large {
+      margin-top: $gutter;
+    }
+    
+  }
+
 }
 
 .highlight {