Contact section updates

css-compiled/template.css

@@ -1158,8 +1158,13 @@ ul.pagination {
     border: 0 none; }
     .modular .bottom .button:hover {
       background-color: #558042; }
-  .modular .bottom.borderbottom hr {
-    padding-top: 2rem; }
+  .modular .bottom.borderbottom {
+    padding-bottom: 0; }
+    .modular .bottom.borderbottom hr {
+      padding-top: 3rem; }
+
+.contact h4 {
+  text-align: left; }
 
 .callout {
   background: #EEEEEE;
@@ -1285,6 +1290,8 @@ ul.pagination {
     float: left; }
     .logo h3 a {
       color: #9A9898; }
+  .logo h4 {
+    text-align: left; }
   .logo ul {
     margin: 0;
     padding: 0;

scss/template/modular/_all.scss

@@ -1,6 +1,7 @@
 @import "showcase";
 @import "features";
 @import "bottom";
+@import "contact";
 @import "text";
 
 .logo {
@@ -15,6 +16,9 @@
             color: $core-text;
         }
     }
+    h4 {
+        text-align: left;
+    }
     border-bottom: 1px solid $body-border;
 
     ul {

scss/template/modular/_bottom.scss

@@ -35,8 +35,9 @@
         }
         &.borderbottom {
             hr {
-                padding-top: 2rem;
+                padding-top: 3rem;
             }
+            padding-bottom: 0;
         }
     }
 

scss/template/modular/_contact.scss

@@ -0,0 +1,6 @@
+// Modular Showcase styling
+.contact {
+    h4 {
+        text-align: left;
+    }
+}

templates/modular/contact.html.twig

@@ -0,0 +1,9 @@
+<div class="modular-row contact {{ page.header.class }}">    
+    <div class="g-grid pure-g-r">
+        <div id="listing" class="g-block pure-u-2-3">
+        </div>
+        <div id="sidebar" class="g-block size-1-3 pure-u-1-3">
+            {{ content }}
+        </div>
+    </div>
+</div>