From c50e9ca652047bee85ff47b7038de26931decdc7 Mon Sep 17 00:00:00 2001
From: Michael Rose <est.michael@gmail.com>
Date: Thu, 17 Nov 2016 15:38:55 -0500
Subject: [PATCH] Adjust nav list `<a>` styling

---
 _sass/_base.scss       |  2 --
 _sass/_navigation.scss | 11 +++++++++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/_sass/_base.scss b/_sass/_base.scss
index 3d74d567..c5311a29 100644
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -290,8 +290,6 @@ nav {
   }
 
   a {
-    display: block;
-    padding-bottom: 0.25em;
     text-decoration: none;
   }
 
diff --git a/_sass/_navigation.scss b/_sass/_navigation.scss
index 8b8d7ee4..678e850e 100644
--- a/_sass/_navigation.scss
+++ b/_sass/_navigation.scss
@@ -314,7 +314,7 @@
    ========================================================================== */
 
 .nav__list {
-  margin: 2em 0 1.5em 0;
+  margin-bottom: 1.5em;
 
   input[type="checkbox"],
   label {
@@ -392,7 +392,13 @@
 
     a {
       display: block;
-      padding: 0.125em 0;
+      padding: 0.25em 0;
+      color: inherit;
+
+      @include breakpoint($large) {
+        padding-top: 0.125em;
+        padding-bottom: 0.125em;
+      }
 
       &:hover {
         text-decoration: underline;
@@ -438,6 +444,7 @@
     -webkit-transition: 0.5s ease-in-out;
     transition: 0.5s ease-in-out;
     max-height: 100vh;
+    overflow: visible;
     opacity: 1;
     margin-top: 1em;
     -webkit-transform: translate(0, 0);