From b146709325a64b5055f1fcbeaafc644750b7bf6f Mon Sep 17 00:00:00 2001
From: Rashid Khan <github.fliplap@spamgourmet.com>
Date: Wed, 23 Sep 2015 13:36:01 -0700
Subject: [PATCH] Add hover to match spy tab, make bar smaller

---
 .../public/visualize/editor/styles/_editor.less      |  1 -
 .../collapsible_sidebar/collapsible_sidebar.less     | 12 +++++++++---
 src/ui/public/styles/sidebar.less                    |  2 --
 src/ui/public/styles/variables/for-theme.less        |  9 +++++----
 4 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/plugins/kibana/public/visualize/editor/styles/_editor.less b/src/plugins/kibana/public/visualize/editor/styles/_editor.less
index e17c84bd9c7a..d7a988196a33 100644
--- a/src/plugins/kibana/public/visualize/editor/styles/_editor.less
+++ b/src/plugins/kibana/public/visualize/editor/styles/_editor.less
@@ -89,7 +89,6 @@
     .sidebar-container {
       .flex-parent(1, 1, auto);
       background-color: @vis-editor-sidebar-bg;
-      border-right-color: @vis-editor-sidebar-border;
 
       form {
         .flex-parent(1, 1, auto);
diff --git a/src/ui/public/collapsible_sidebar/collapsible_sidebar.less b/src/ui/public/collapsible_sidebar/collapsible_sidebar.less
index d05a263a8cee..9c3a46f92e52 100644
--- a/src/ui/public/collapsible_sidebar/collapsible_sidebar.less
+++ b/src/ui/public/collapsible_sidebar/collapsible_sidebar.less
@@ -14,14 +14,20 @@
     cursor: pointer;
     z-index: -1;
 
+    &:hover {
+      background-color: @collapser-hover-bg;
+      border-color: @collapser-hover-bg;
+      color: @collapser-hover-color;
+    }
+
     .chevron-cont{
       position: absolute;
-      left: 4px;
-      top: 5px;
+      left: 2px;
+      top: 8px;
+      font-size: 10px;
 
       &:before {
         font-family: FontAwesome;
-        color: @collapser-color;
         content: "\F053";
       }
     }
diff --git a/src/ui/public/styles/sidebar.less b/src/ui/public/styles/sidebar.less
index 40f81c869172..fc938f0eb2f2 100644
--- a/src/ui/public/styles/sidebar.less
+++ b/src/ui/public/styles/sidebar.less
@@ -5,9 +5,7 @@
   padding-left: 0px !important;
   padding-right: 0px !important;
   background-color: @sidebar-bg;
-  border-right: 1px solid;
   border-right-color: @sidebar-border;
-  border-bottom: 1px solid;
   border-bottom-color: @sidebar-border;
 
   .sidebar-well {
diff --git a/src/ui/public/styles/variables/for-theme.less b/src/ui/public/styles/variables/for-theme.less
index 9d8b7e0f9d38..3e80305fd3da 100644
--- a/src/ui/public/styles/variables/for-theme.less
+++ b/src/ui/public/styles/variables/for-theme.less
@@ -66,13 +66,14 @@
 
 // Collapser ===================================================================
 @collapser-bg: @gray-lighter;
-@collapser-border: @gray-lighter;
+@collapser-border: @collapser-bg;
 @collapser-color: @gray3;
 
-@collapser-hover-bg: @white;
-@collapser-hover-color: @gray3;
+@collapser-hover-bg: @gray-light;
+@collapser-hover-border: @collapser-hover-bg;
+@collapser-hover-color: @white;
 
-@collapser-width: 20px;
+@collapser-width: 12px;
 
 
 // Dashboard ===================================================================