From db4e0fc314cb273c857dabadd2e81c077dee05bd Mon Sep 17 00:00:00 2001
From: Juan de la Cruz <juan.delacruz@kaleidos.net>
Date: Tue, 28 Apr 2020 22:13:18 +0200
Subject: [PATCH] Add sidebar styles quick fixes

---
 frontend/resources/styles/main/partials/colorpicker.scss    | 6 +++++-
 .../styles/main/partials/sidebar-element-options.scss       | 6 +++++-
 frontend/resources/styles/main/partials/sidebar.scss        | 6 +++---
 3 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/frontend/resources/styles/main/partials/colorpicker.scss b/frontend/resources/styles/main/partials/colorpicker.scss
index 34845cb10..bea95a99f 100644
--- a/frontend/resources/styles/main/partials/colorpicker.scss
+++ b/frontend/resources/styles/main/partials/colorpicker.scss
@@ -165,10 +165,14 @@
       font-size: $fs13;
 
       &:focus {
-        border-color: $color-primary;
+        border-color: $color-primary !important;
         color: $color-white;
       }
 
+      &:hover {
+        border-color: $color-gray-20;
+      }
+
       &:invalid {
         border-color: $color-danger;
       }
diff --git a/frontend/resources/styles/main/partials/sidebar-element-options.scss b/frontend/resources/styles/main/partials/sidebar-element-options.scss
index 7ee379a48..70a33a3c7 100644
--- a/frontend/resources/styles/main/partials/sidebar-element-options.scss
+++ b/frontend/resources/styles/main/partials/sidebar-element-options.scss
@@ -196,7 +196,11 @@
 
     &:focus {
       color: lighten($color-gray-10, 8%);
-      border-color: $color-primary;
+      border-color: $color-primary !important;
+    }
+
+    &:hover {
+      border-color: $color-gray-40;
     }
 
   }
diff --git a/frontend/resources/styles/main/partials/sidebar.scss b/frontend/resources/styles/main/partials/sidebar.scss
index 04062ffda..dc3e6b112 100644
--- a/frontend/resources/styles/main/partials/sidebar.scss
+++ b/frontend/resources/styles/main/partials/sidebar.scss
@@ -36,11 +36,11 @@
     }
 
     &[data-layout*='layers'][data-layout*='sitemap-pages'] {
-        grid-template-rows: 12rem 1fr;
+        grid-template-rows: 11.5rem 1fr;
     }
 
     &[data-layout*='libraries'][data-layout*='sitemap-pages'] {
-        grid-template-rows: 12rem 1fr;
+        grid-template-rows: 11.5rem 1fr;
     }
 
     &[data-layout*='layers'][data-layout*='libraries'] {
@@ -48,7 +48,7 @@
     }
 
     &[data-layout*='layers'][data-layout*='libraries'][data-layout*='sitemap-pages'] {
-        grid-template-rows: 12rem 25% 1fr;
+        grid-template-rows: 11.5rem 25% 1fr;
     }