From c846521c92d4e36a7fe6e71dc946a17c6cbe0bef Mon Sep 17 00:00:00 2001
From: Juan de la Cruz <juan.delacruz@kaleidos.net>
Date: Fri, 20 Mar 2020 15:55:44 +0100
Subject: [PATCH] :tada: Add styles to workspace menu.

---
 .../styles/main/partials/context-menu.scss    |  2 +-
 .../styles/main/partials/workspace-bar.scss   | 22 ++++++++-----------
 2 files changed, 10 insertions(+), 14 deletions(-)

diff --git a/frontend/resources/styles/main/partials/context-menu.scss b/frontend/resources/styles/main/partials/context-menu.scss
index 047195574..e6acef56b 100644
--- a/frontend/resources/styles/main/partials/context-menu.scss
+++ b/frontend/resources/styles/main/partials/context-menu.scss
@@ -30,6 +30,6 @@
 
     &:hover {
         color: $color-black;
-        background: $color-gray-lightest;
+        background: $color-primary-lighter;
     } 
 }
diff --git a/frontend/resources/styles/main/partials/workspace-bar.scss b/frontend/resources/styles/main/partials/workspace-bar.scss
index 0cead97b7..f19f875e5 100644
--- a/frontend/resources/styles/main/partials/workspace-bar.scss
+++ b/frontend/resources/styles/main/partials/workspace-bar.scss
@@ -23,32 +23,28 @@
     z-index: 12;
     @include animation(0,.2s,fadeInDown);
 
-    background-color: $color-gray-60;
+    background-color: $color-white;
     border-radius: $br-small;
-    padding: 0 $small;
+    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
 
     li {
-      font-size: $fs13;
-      padding: $small 0;
+      cursor: pointer;
+      font-size: $fs12;
+      padding: $small $x-small;
 
       svg {
-        fill: $color-gray-20;
+        fill: $color-gray-60;
         height: 12px;
         width: 12px;
       }
 
       span {
-        color: $color-white;
+        color: $color-gray-60;
+        margin: 0 $x-small;
       }
 
       &:hover {
-        span {
-          color: $color-primary;
-        }
-        svg {
-          fill: $color-primary;
-        }
-
+        background-color: $color-primary-lighter;
       }
     }
   }