From d8ec0f97493c213b099fe9d74e8a91a8e2daba35 Mon Sep 17 00:00:00 2001
From: Rob Cresswell <robert.cresswell@outlook.com>
Date: Tue, 10 Feb 2015 10:20:02 +0000
Subject: [PATCH] Updates tab bar styling

This patch brings the tab bar styling in line with the UX designs.
Pure CSS changes.

Closes-Bug: 1420272
Change-Id: Idc81f850eda2d4972510eed0da77d9ad31df322e
---
 .../static/dashboard/scss/horizon.scss         | 18 +++++++-----------
 1 file changed, 7 insertions(+), 11 deletions(-)

diff --git a/openstack_dashboard/static/dashboard/scss/horizon.scss b/openstack_dashboard/static/dashboard/scss/horizon.scss
index 052b03a4e..b2c6a4ff5 100644
--- a/openstack_dashboard/static/dashboard/scss/horizon.scss
+++ b/openstack_dashboard/static/dashboard/scss/horizon.scss
@@ -966,28 +966,24 @@ tr.terminated {
 
 #main_content {
   .nav-tabs {
-    border-top: 1px solid $nav-tabs-border-color;
-    border-bottom: none;
+    border-bottom: 1px solid $nav-tabs-border-color;
+    border-top: none;
     > li {
-      margin-bottom: 0;
-      margin-top: -1px;
+      margin-bottom: -1px;
+      margin-top: 0;
       > a {
         margin-right: 0;
         border-radius: 0;
-        padding-top: 4px;
-        padding-bottom: 4px;
+        padding: 5px 14px;
         &:hover {
-          border-color: $nav-tabs-border-color $nav-tabs-link-hover-border-color $nav-tabs-link-hover-border-color;
+          border-color: $nav-tabs-link-hover-border-color $nav-tabs-link-hover-border-color $nav-tabs-border-color;
         }
       }
       &.active > a {
         &,
         &:hover,
         &:focus {
-          font-weight: bold;
-          background-color: $gray;
-          border-color: $gray;
-          color: #fff;
+          border-color: $nav-tabs-border-color $nav-tabs-border-color #fff;
         }
       }
     }