From 7c65ef8275fcf4b5f8a2f8ac36296d99a121e7c6 Mon Sep 17 00:00:00 2001
From: FezVrasta <federico.zivolo@gmail.com>
Date: Mon, 1 Aug 2016 12:01:15 +0200
Subject: [PATCH] improved navbar styling

---
 scss/_navbar.scss                  | 12 +++++++++++-
 scss/variables/bootstrap/_nav.scss |  2 +-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/scss/_navbar.scss b/scss/_navbar.scss
index e97f8767..9e06450f 100644
--- a/scss/_navbar.scss
+++ b/scss/_navbar.scss
@@ -1,5 +1,5 @@
 .navbar {
-  margin-bottom: .25rem; // required to provide space for the shadow to render (need is visible in mobile drawer overlay)
+  z-index: 1; // required to make the shadow overlap the below content (need is visible in mobile drawer overlay)
   border: 0;
   border-radius: 0;
   @include box-shadow($bmd-shadow-2dp);
@@ -20,3 +20,13 @@
   }
   // #853 end - https://github.com/twbs/bootstrap/pull/18976/files
 }
+
+.navbar-nav {
+  .nav-item {
+    position: relative; // used to correctly size ripple container
+  }
+}
+
+.navbar > .container {
+  flex: 1;
+}
diff --git a/scss/variables/bootstrap/_nav.scss b/scss/variables/bootstrap/_nav.scss
index b680a102..3334006c 100644
--- a/scss/variables/bootstrap/_nav.scss
+++ b/scss/variables/bootstrap/_nav.scss
@@ -5,7 +5,7 @@ $nav-disabled-link-hover-color:             $gray-light !default;
 
 $bmd-navbar-link-font-weight:               $bmd-font-weight-base !default; //
 $bmd-navbar-link-font-size:                 .875rem !default; // 14
-$bmd-navbar-link-padding:                   .5321rem 0; // 7
+$bmd-navbar-link-padding:                   .5321rem; // 7
 
 
 // tabs & pills