From 68169dd18ee80ce6f3904b0a1fe58c305559458c Mon Sep 17 00:00:00 2001
From: Patrick Marsceill <patrick.marsceill@gmail.com>
Date: Tue, 23 Oct 2018 11:40:39 -0400
Subject: [PATCH] Nav, footer, and search mobile cleanup

---
 _sass/layout.scss     | 20 +++++++++++++++++---
 _sass/navigation.scss |  7 ++++++-
 _sass/search.scss     | 20 ++++++++++++++++----
 3 files changed, 39 insertions(+), 8 deletions(-)

diff --git a/_sass/layout.scss b/_sass/layout.scss
index b83cf8e..75e87ac 100644
--- a/_sass/layout.scss
+++ b/_sass/layout.scss
@@ -93,7 +93,8 @@
 }
 
 .navigation,
-.site-title {
+.site-title,
+.site-footer {
 
   @include container;
 
@@ -114,8 +115,21 @@
   }
 }
 
-.site-footer {
+body {
+  position: relative;
+  padding-bottom: $sp-10;
+
   @include mq(md) {
-    margin-top: $sp-10;
+    position: static;
+    padding-bottom: 0;
+  }
+}
+
+.site-footer {
+  position: absolute;
+  bottom: $sp-3;
+
+  @include mq(md) {
+    right: 0;
   }
 }
diff --git a/_sass/navigation.scss b/_sass/navigation.scss
index 6eb972f..bce4a76 100644
--- a/_sass/navigation.scss
+++ b/_sass/navigation.scss
@@ -20,6 +20,7 @@
 .navigation-list {
   padding: 0;
   margin-top: $sp-4;
+  margin-bottom: 0;
   list-style: none;
 
   @include mq(md) {
@@ -53,8 +54,12 @@
 }
 
 .navigation-list-item {
-  @include fs-3;
+  @include fs-4;
   margin: 0;
+
+  @include mq(md) {
+    @include fs-3;
+  }
 }
 
 .navigation-list-link {
diff --git a/_sass/search.scss b/_sass/search.scss
index 96d9bb5..b57aa6e 100644
--- a/_sass/search.scss
+++ b/_sass/search.scss
@@ -3,15 +3,27 @@
 //
 
 .search {
+  position: relative;
+  z-index: 99;
   display: none;
+  flex-grow: 1;
+  padding-bottom: $gutter-spacing / 2;
+  background-color: $white;
+  padding: $sp-2;
+  margin-bottom: $sp-3;
 
   @include mq(md) {
-    position: relative;
-    z-index: 99;
     display: block;
-    flex-grow: 1;
     padding-top: $sp-1;
-    padding-bottom: $gutter-spacing / 2;
+    padding-right: 0;
+    padding-bottom: $sp-4;
+    padding-left: 0;
+    margin-bottom: 0;
+    background-color: transparent;
+  }
+
+  &.nav-open {
+    display: block;
   }
 }