From c7791fd68d8e9c773f915ba1cbdf18fb26945cab Mon Sep 17 00:00:00 2001
From: Juan de la Cruz <juan.delacruz@kaleidos.net>
Date: Fri, 20 Mar 2020 10:57:10 +0100
Subject: [PATCH] add new styles to context-menu

---
 .../styles/main/partials/context-menu.scss    |  3 +-
 .../styles/main/partials/workspace.scss       | 32 ++++++++-----------
 2 files changed, 16 insertions(+), 19 deletions(-)

diff --git a/frontend/resources/styles/main/partials/context-menu.scss b/frontend/resources/styles/main/partials/context-menu.scss
index 2a97cb07d..047195574 100644
--- a/frontend/resources/styles/main/partials/context-menu.scss
+++ b/frontend/resources/styles/main/partials/context-menu.scss
@@ -14,6 +14,7 @@
 
 .context-menu-items {
     background: $color-white;
+    border-radius: $br-small;
     box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
     left: -$size-4;
     min-width: 7rem;
@@ -24,7 +25,7 @@
 .context-menu-action {
     color: $color-black;
     display: block;
-    font-size: 12px;
+    font-size: $fs12;
     padding: $size-2 $size-4;
 
     &:hover {
diff --git a/frontend/resources/styles/main/partials/workspace.scss b/frontend/resources/styles/main/partials/workspace.scss
index 26e927013..3336cfdb8 100644
--- a/frontend/resources/styles/main/partials/workspace.scss
+++ b/frontend/resources/styles/main/partials/workspace.scss
@@ -6,39 +6,35 @@
 // Copyright (c) 2015-2016 Juan de la Cruz <delacruzgarciajuan@gmail.com>
 
 .workspace-context-menu {
+  background-color: $color-white;
+  border-radius: $br-small;
+  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
+  left: 740px;
   position: absolute;
   top: 40px;
-  left: 740px;
-  width: 230px;
+  width: 200px;
   z-index: 12;
-
-  background-color: $color-gray-60;
-  border-radius: $br-small;
-  padding: 0 $small;
-
+  
   li {
-    font-size: $fs13;
-    padding: $small 0;
+    align-items: center;
+    display: flex;
+    font-size: $fs12;
+    padding: $small;
     cursor: pointer;
 
     svg {
-      fill: $color-gray-20;
+      fill: $color-gray-60;
+      margin-right: $small;
       height: 12px;
       width: 12px;
     }
 
     span {
-      color: $color-white;
+      color: $color-gray-60;
     }
 
     &:hover {
-      span {
-        color: $color-primary;
-      }
-      svg {
-        fill: $color-primary;
-      }
-
+      background-color: $color-gray-lightest;
     }
   }
 }