From: Mark Otto <markdotto@gmail.com>
Date: Wed, 21 Dec 2016 21:19:14 +0000 (-0800)
Subject: move padding on nav links and brand to be responsive padding, keeping mobile contents... 
X-Git-Tag: v4.0.0-alpha.6~285
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=350f8a20c983ce3630b2d8a716893a0aabe7b10f;p=thirdparty%2Fbootstrap.git

move padding on nav links and brand to be responsive padding, keeping mobile contents aligned better
---

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;
+    }
   }
 }