From 0aa4acf29b4e5c8588a1621cbc23cecf01f01e5f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Wed, 15 Aug 2018 19:20:46 +0100
Subject: [PATCH] fix(ui): fix tab background color

---
 ui/src/App.css  | 4 ++--
 ui/src/App.scss | 3 +++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/ui/src/App.css b/ui/src/App.css
index c857fcf7f..6b6ff2199 100644
--- a/ui/src/App.css
+++ b/ui/src/App.css
@@ -2766,8 +2766,8 @@ input[type="button"].btn-block {
   .nav-tabs .nav-link.active,
   .nav-tabs .nav-item.show .nav-link {
     color: #7b8a8b;
-    background-color: #455a64;
-    border-color: #dee2e6 #dee2e6 #455a64; }
+    background-color: #fff;
+    border-color: #dee2e6 #dee2e6 #fff; }
   .nav-tabs .dropdown-menu {
     margin-top: -1px;
     border-top-left-radius: 0;
diff --git a/ui/src/App.scss b/ui/src/App.scss
index 428a966d9..b30979ec2 100644
--- a/ui/src/App.scss
+++ b/ui/src/App.scss
@@ -11,6 +11,9 @@ $link-color: #7b8a8b; // $gray-700
 // make dark darker, default it's $gray-700
 $dark: #3b4247;
 
+// fix active tab color, for some reason it ends up with $primary as bg color
+$nav-tabs-link-active-bg: #fff;
+
 @import "../node_modules/bootswatch/dist/flatly/variables";
 @import "../node_modules/bootstrap/scss/bootstrap";
 @import "../node_modules/bootswatch/dist/flatly/bootswatch";