Fixes #7438: remove max-height from justified nav tabs with some CSS wankery

1 files changed, 15 insertions, 2 deletions

diff --git a/less/navs.less b/less/navs.less
index 88641229c..ff65f8533 100644
--- a/less/navs.less
+++ b/less/navs.less
@@ -107,8 +107,7 @@
 // -------------------------
 
 .nav-justified {
-  // Negative margin doesn't work, so we hack it
-  max-height: 40px;
+  width: 100%;
 }
 .nav-justified > li {
   float: none;
@@ -116,6 +115,20 @@
   width: 1%;
   text-align: center;
 }
+// Move borders to anchors instead of bottom of list
+.nav-justified.nav-tabs {
+  border-bottom: 0;
+  > li > a {
+    border-bottom: 1px solid #ddd;
+  }
+  > .active > a {
+    border-bottom-color: @body-bg;
+  }
+}
+// Override margin from .nav-tabs
+.nav-justified > li > a {
+  margin-right: 0;
+}