From bd29e9bcd2827648cb1ef2bf6ccb3a9ac2d6be97 Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Sat, 17 Jun 2017 11:33:09 -0700
Subject: [PATCH] Better tab styles

---
 app/ui/css/components/tabs.less | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/app/ui/css/components/tabs.less b/app/ui/css/components/tabs.less
index 8ebeb0fe5c..829513b7b2 100644
--- a/app/ui/css/components/tabs.less
+++ b/app/ui/css/components/tabs.less
@@ -20,8 +20,19 @@
     background-color: var(--color-bg);
     overflow: auto;
 
+    @scrollbar-height: 3px;
+
     &::-webkit-scrollbar {
-      display: none;
+      height: @scrollbar-height;
+    }
+
+    &::-webkit-scrollbar-track {
+      background-color: var(--color-bg);
+    }
+
+    &::-webkit-scrollbar-thumb {
+      border-radius: @scrollbar-height / 2;
+      background-color: var(--hl-sm);
     }
 
     &::after {
@@ -65,7 +76,7 @@
     }
 
     &:first-child {
-      border-left-color: transparent;
+      border-left: 0 !important;
     }
 
     &:focus {
@@ -87,7 +98,7 @@
       }
     }
 
-    &:not(.ReactTabs__Tab--selected) i.fa {
+    &:not(.ReactTabs__Tab--selected) .dropdown i.fa {
       opacity: @opacity-super-subtle;
     }