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

---
 docs/_sass/_base.scss       |  2 --
 docs/_sass/_navigation.scss | 27 +++++++++++++++++----------
 2 files changed, 17 insertions(+), 12 deletions(-)

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