From aad85bc97bd18889eb2cf02150710a154cde3bf8 Mon Sep 17 00:00:00 2001
From: Ad Schellevis <ad@opnsense.org>
Date: Fri, 4 Sep 2015 11:41:45 +0200
Subject: [PATCH] (theme) display wrapped tabs a bit better
 https://github.com/opnsense/core/issues/311

---
 .../themes/opnsense/assets/stylesheets/main.scss    | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/opnsense/www/themes/opnsense/assets/stylesheets/main.scss b/src/opnsense/www/themes/opnsense/assets/stylesheets/main.scss
index 3edaec8a0..fc1974bbd 100755
--- a/src/opnsense/www/themes/opnsense/assets/stylesheets/main.scss
+++ b/src/opnsense/www/themes/opnsense/assets/stylesheets/main.scss
@@ -367,7 +367,7 @@ body{
 	border-bottom: none;
 }
 
-.nav-tabs > li.active > a{
+.nav-tabs > li.active {
 	background: #FFF !important;
 }
 
@@ -378,13 +378,13 @@ body{
 
 .nav-tabs.nav-justified{
 	border-right:1px solid map-get($colors, bordergrey);
-
-	> li > a{
-	    border-bottom:1px solid map-get($colors, bordergrey);
+	> li {
+		border-bottom:1px solid map-get($colors, bordergrey);
 		border-top:1px solid map-get($colors, bordergrey);
 		border-left:1px solid map-get($colors, bordergrey);
 		border-radius: 0px;
 		background: map-get($colors, lightgrey);
+	> a {
 		color: map-get($colors, darkgrey);
 		font-family: 'SourceSansProSemibold';
 
@@ -392,12 +392,14 @@ body{
 		border-bottom: 1px solid transparent;
 	}
 	}
+	}
 
-	> li.active a{
+	> li.active > a{
 	@media (max-width:$screen-xs-max){
 		border-right: 0 !important;
 	}
 	}
+	}
 
 	> li.active + li > a{
 	@media (min-width:$screen-sm-min){
@@ -412,7 +414,6 @@ body{
 		margin-bottom: 0;
 	}
 	}
-}
 
 .btn .glyphicon {
     vertical-align: -1px;