From 7ea81db2558478d600085f3ee2bc52bb069de32f Mon Sep 17 00:00:00 2001
From: Ryan Arthur <ryan@gaslight.co>
Date: Mon, 2 Jul 2018 15:06:42 -0400
Subject: [PATCH] Add styles for nav tabs interactive states

---
 .../assets/css/components/_nav_tabs.scss           | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/apps/explorer_web/assets/css/components/_nav_tabs.scss b/apps/explorer_web/assets/css/components/_nav_tabs.scss
index 3ebfae0b79..d52ddd23c0 100644
--- a/apps/explorer_web/assets/css/components/_nav_tabs.scss
+++ b/apps/explorer_web/assets/css/components/_nav_tabs.scss
@@ -7,6 +7,10 @@
     border-top-left-radius: 0;
     border-top-right-radius: 0;
 
+    &:hover {
+      color: $primary;
+    }
+
     &.active {
       color: $white;
       background-color: $primary;
@@ -15,7 +19,13 @@
 
     &:hover {
       border-color: transparent;
-
-      }
+    }
   }
 }
+
+
+.nav-tabs .nav-item.show .nav-link {
+  color: $white;
+  background-color: darken($primary, 10%);
+  border-color: darken($primary, 10%);
+}