From 350f8a20c983ce3630b2d8a716893a0aabe7b10f Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Wed, 21 Dec 2016 13:19:14 -0800
Subject: [PATCH] move padding on nav links and brand to be responsive padding,
 keeping mobile contents aligned better

---
 scss/_navbar.scss | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/scss/_navbar.scss b/scss/_navbar.scss
index 1cf854d2f5..af3dc102a6 100644
--- a/scss/_navbar.scss
+++ b/scss/_navbar.scss
@@ -62,15 +62,20 @@
 
 .navbar-brand {
   display: inline-block;
-  padding: .25rem .5rem;
+  padding-top: .25rem;
+  padding-bottom: .25rem;
   font-size: $font-size-lg;
   line-height: inherit;
 
   @include hover-focus {
     text-decoration: none;
   }
-}
 
+  @include media-breakpoint-up(sm) {
+    padding-right: .5rem;
+    padding-left: .5rem;
+  }
+}
 
 .navbar-divider {
   float: left;
@@ -128,13 +133,19 @@
 
   .nav-link {
     display: block;
-    padding: .425rem .5rem;
+    padding-top: .425rem;
+    padding-bottom: .425rem;
   }
 
   @include media-breakpoint-up(sm) {
     .nav-item {
       display: inline-block;
     }
+
+    .nav-link {
+      padding-right: .5rem;
+      padding-left: .5rem;
+    }
   }
 }