From eca0ca264d96d829aa9e36436a8910f26e86c314 Mon Sep 17 00:00:00 2001
From: Joshua Ogle <joshua@joshuaogle.com>
Date: Thu, 24 May 2018 13:39:34 -0600
Subject: [PATCH] Update styles for tabs

---
 ui/app/styles/components/sub-nav.scss | 34 ++++++++++++++++-----------
 1 file changed, 20 insertions(+), 14 deletions(-)

diff --git a/ui/app/styles/components/sub-nav.scss b/ui/app/styles/components/sub-nav.scss
index 5c2f4447e4..9c336fa77d 100644
--- a/ui/app/styles/components/sub-nav.scss
+++ b/ui/app/styles/components/sub-nav.scss
@@ -1,29 +1,35 @@
 .sub-nav {
   &.tabs {
-    background: $grey-lighter;
-    padding: 0 1.25rem;
+    box-shadow: inset 0 -1px 0 $grey-light;
+
     ul {
       border-color: transparent;
     }
+
+    li {
+      &:focus {
+        box-shadow: none;
+      }
+      &.is-active a {
+        border-color: $blue;
+        color: $blue;
+      }
+    }
+
     a {
       color: $grey-dark;
       font-weight: $font-weight-semibold;
       text-decoration: none;
-      padding: 1.5rem 1rem;
+      padding: $size-6 $size-8 $size-8;
       border-bottom: 2px solid transparent;
       transition: border-color $speed;
+
+      &:hover,
+      &:active {
+        border-color: $grey-light;
+      }
     }
-    a:hover,
-    a:active {
-      border-color: $grey-light;
-    }
-    li:focus {
-      box-shadow: none;
-    }
-    li.is-active a {
-      border-color: $blue;
-      color: $blue;
-    }
+
     .ember-basic-dropdown-trigger {
       outline: none;
     }