Make spacing below template folder heading even

It was a bit inconsistent depending on whether there was/wasn’t a search
box or channel tabs on the page.

I found this just too complicated to do in pure CSS, so added a new
spacing class which gets toggled on and off.

app/assets/stylesheets/app.scss

@@ -79,16 +79,6 @@ a {
     word-wrap: break-word;
   }
 
-  > .grid-row:first-child  {
-
-    .heading-large,
-    .heading-medium {
-      margin: $gutter-half 0 $gutter-half 0;
-      word-wrap: break-word;
-    }
-
-  }
-
 }
 
 .highlight {

app/assets/stylesheets/components/message.scss

@@ -46,7 +46,13 @@
 }
 
 #template-list {
+
   margin-top: $gutter;
+
+  &.top-gutter-0 {
+    margin-top: 0;
+  }
+
 }
 
 .template-list {
@@ -151,6 +157,11 @@
 
 .folder-heading {
 
+  .grid-row & {
+    margin: $gutter-half 0 20px 0;
+    word-wrap: break-word;
+  }
+
   a,
   &-folder,
   &-subfolder {