Normalise heading sizes

Since we added template folders the templates page has had a ‘medium’
sized heading, where other pages have stuck with a ‘large’ size.

This commit rationalises the decision around which pages have which
heading size:
- ‘navigation’ pages (eg templates, team members, email reply to
  addresses) have medium sized headings
- transactional pages (ie ones which have a green button) keep the
  larger heading size

app/assets/stylesheets/_grids.scss

@@ -104,7 +104,7 @@
 
 .align-with-heading-copy-right {
   display: block;
-  margin-top: 35px;
+  margin: 21px 0 19px 0;
   text-align: right;
 }
 

app/assets/stylesheets/app.scss

@@ -75,7 +75,7 @@ a {
 
   .heading-large,
   > .heading-medium {
-    margin: 10px 0 15px 0;
+    margin: ($gutter / 3) 0 ($gutter / 3 * 2) 0;
     word-wrap: break-word;
   }
 
@@ -274,3 +274,7 @@ details .arrow {
 .nowrap {
   white-space: nowrap;
 }
+
+.heading-upcoming-jobs {
+  margin-top: $gutter / 3;
+}

app/assets/stylesheets/components/message.scss

@@ -151,10 +151,6 @@
 
 .folder-heading {
 
-  .column-main>.grid-row:first-child &.heading-medium {
-    margin-top: $gutter-half;
-  }
-
   a,
   &-folder,
   &-subfolder {
@@ -241,6 +237,8 @@
     display: block;
     text-align: right;
     padding: $gutter-two-thirds 0 0 0;
+    position: relative;
+    top: -1px;
   }
 
 }