From 222c082533c582afa960481c36f7bbda92a0de2d Mon Sep 17 00:00:00 2001
From: Andrew Croce <andrew+dds@promptworks.com>
Date: Thu, 26 Jul 2018 12:24:31 -0400
Subject: [PATCH] Assorted style fixes/tweaks

---
 scss/components/_layout.scss     |  1 +
 scss/core/_util.scss             |  4 ++++
 scss/elements/_action_group.scss |  7 ++++++-
 scss/elements/_inputs.scss       | 16 ++++++++++++++--
 scss/elements/_panels.scss       |  8 ++++++--
 scss/elements/_typography.scss   | 22 +++++++++++++++++++---
 6 files changed, 50 insertions(+), 8 deletions(-)

diff --git a/scss/components/_layout.scss b/scss/components/_layout.scss
index d459e445..d79890c5 100644
--- a/scss/components/_layout.scss
+++ b/scss/components/_layout.scss
@@ -27,6 +27,7 @@ body {
     margin: $gap;
     max-width: $site-max-width;
     overflow-x: hidden;
+    flex-grow: 1;
 
     @include media($medium-screen) {
       margin: $gap * 2;
diff --git a/scss/core/_util.scss b/scss/core/_util.scss
index 9b716bee..48957b6c 100644
--- a/scss/core/_util.scss
+++ b/scss/core/_util.scss
@@ -13,6 +13,10 @@
   width: 1px;
 }
 
+.hide {
+  @include hide;
+}
+
 @mixin unhide {
   border: unset;
   clip: unset;
diff --git a/scss/elements/_action_group.scss b/scss/elements/_action_group.scss
index dfc47776..acf2c1fc 100644
--- a/scss/elements/_action_group.scss
+++ b/scss/elements/_action_group.scss
@@ -4,8 +4,13 @@
   align-items: center;
   margin-top: $gap * 4;
 
-  .action-group__action {
+  .usa-button,
+  a {
     margin: 0 0 0 ($gap * 2);
+
+    @include media($medium-screen) {
+      margin: 0 0 0 ($gap * 4);
+    }
   }
 
   &:last-child {
diff --git a/scss/elements/_inputs.scss b/scss/elements/_inputs.scss
index 768b4210..275ad54a 100644
--- a/scss/elements/_inputs.scss
+++ b/scss/elements/_inputs.scss
@@ -60,7 +60,7 @@
 .usa-input {
   margin:  ($gap * 4) ($gap * 2) ($gap * 4) 0;
 
-  @includ media($medium-screen) {
+  @include media($medium-screen) {
     margin: ($gap * 4) 0;
   }
 
@@ -215,7 +215,19 @@ select {
 
     .form-col {
       .usa-input {
-        margin: 0 ($gap * 4) 0 0;
+        margin: 0 ($gap * 4);
+      }
+
+      &:first-child {
+        .usa-input {
+          margin-left: 0;
+        }
+      }
+
+      &:last-child {
+        .usa-input {
+          margin-right: 0;
+        }
       }
     }
   }
diff --git a/scss/elements/_panels.scss b/scss/elements/_panels.scss
index ba88cd48..e1fc6e2f 100644
--- a/scss/elements/_panels.scss
+++ b/scss/elements/_panels.scss
@@ -45,10 +45,14 @@
   }
 
   .panel__heading {
-    margin: ($gap * 2) 0;
+    margin: $gap * 2;
+
+    @include media($medium-screen) {
+      margin: $gap * 4;
+    }
 
     h1, h2, h3, h4, h5, h6 {
       margin: 0;
     }
   }
-}
\ No newline at end of file
+}
diff --git a/scss/elements/_typography.scss b/scss/elements/_typography.scss
index 8a292e73..10f0846a 100644
--- a/scss/elements/_typography.scss
+++ b/scss/elements/_typography.scss
@@ -24,6 +24,13 @@ h1, h2, h3, h4, h5, h6 {
 
 }
 
+.h1 { @include h1; }
+.h2 { @include h2; }
+.h3 { @include h3; }
+.h4 { @include h4; }
+.h5 { @include h5; }
+.h6 { @include h6; }
+
 a,
 a:hover {
   transition:
@@ -37,9 +44,18 @@ a:visited {
   color: $color-blue;
 }
 
-dt {
-  display: inline;
-  font-weight: bold;
+dl {
+  dt {
+    display: inline;
+    font-weight: bold;
+  }
+  dd {
+    -webkit-margin-start: 0;
+  }
+
+  > div {
+    margin-bottom: $gap * 2;
+  }
 }
 
 .subtitle {