Merge branch 'matt-tab-style-tweaks'

public/sass/components/_navs.scss

@@ -55,16 +55,15 @@
 
 // Actual tabs (as links)
 .nav-tabs > li > a {
-  color: $text-color;
-  padding-top: 8px;
-  padding-bottom: 8px;
+  padding: 0.40rem 1rem 0.35rem 1rem;
+  margin-right: $spacer/2;
   line-height: $line-height-base;
   border: 1px solid transparent;
-  @include border-radius(4px 4px 0 0);
+  position: relative;
+
   &:hover,
   &:focus {
-    border-color: $divider-border-color;
-    color: $link-color;
+    color: $link-hover-color;
   }
 }
 
@@ -73,8 +72,7 @@
 .nav-tabs > .active > a:hover,
 .nav-tabs > .active > a:focus {
   @include border-radius(3px);
-  border: 1px solid $divider-border-color;
-  background-color: transparent;
+  border-color: $divider-border-color;
   border-bottom: 1px solid $panel-bg;
   color: $link-color;
 }

public/sass/components/_tabbed_view.scss

@@ -25,9 +25,10 @@
 }
 
 .tabbed-view-title {
-  margin-left: $spacer*2;
+  margin-left: $spacer*1.5;
   float: left;
   font-style: italic;
+  padding-top: 0.2rem;
 }
 
 .tabbed-view-close-btn {
@@ -47,7 +48,7 @@
 }
 
 .tabbed-view-body {
-  padding: $spacer*2;
+  padding: $spacer*1.5;
   min-height: 250px;
 }
 

public/sass/components/_tabs.scss

@@ -44,19 +44,18 @@
 }
 
 .gf-tabs-link {
-  padding: 0.80rem 1rem 0.60rem 1rem;
+  padding: 0.60rem 1rem 0.50rem 1rem;
   margin-right: $spacer/2;
   line-height: $line-height-base;
   border: 1px solid transparent;
   position: relative;
-  top: 3px;
+  top: 5px;
 
   @include border-radius(2px 2px 0 0);
 
   &:hover,
   &:focus {
-    border-color: rgba(216, 131, 40, 0.77);
-    color: $link-color;
+    color: $link-hover-color;
   }
 
   &.active,