From 7302490444249a3bec66fdc6639cc9a48782e0eb Mon Sep 17 00:00:00 2001
From: sylenien <nikita@openreplay.com>
Date: Fri, 24 Jun 2022 12:26:53 +0200
Subject: [PATCH] fix(ui): fix item menu styles

---
 frontend/app/components/ui/ItemMenu/ItemMenu.js         | 2 +-
 frontend/app/components/ui/ItemMenu/itemMenu.module.css | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/app/components/ui/ItemMenu/ItemMenu.js b/frontend/app/components/ui/ItemMenu/ItemMenu.js
index 01d66d7d1..18dc414d4 100644
--- a/frontend/app/components/ui/ItemMenu/ItemMenu.js
+++ b/frontend/app/components/ui/ItemMenu/ItemMenu.js
@@ -32,7 +32,7 @@ export default class ItemMenu extends React.PureComponent {
   render() {
     const { items, label = "", bold } = this.props;
     const { displayed } = this.state;
-    const parentStyles = label ? 'rounded px-2 py-1 hover:bg-gray-light' : '';
+    const parentStyles = label ? 'rounded px-2 py-2 hover:bg-gray-light' : '';
 
     return (
       <div className={ styles.wrapper }>
diff --git a/frontend/app/components/ui/ItemMenu/itemMenu.module.css b/frontend/app/components/ui/ItemMenu/itemMenu.module.css
index 148e7afce..477ef7ffb 100644
--- a/frontend/app/components/ui/ItemMenu/itemMenu.module.css
+++ b/frontend/app/components/ui/ItemMenu/itemMenu.module.css
@@ -41,8 +41,8 @@
   white-space: nowrap;
   z-index: 20;
   position: absolute;
-  right: 31px;
-  top: 27px;
+  right: 0px;
+  top: 37px;
   min-width: 150px;
   background-color: $white;
   border-radius: 3px;
@@ -53,6 +53,7 @@
   & .menuItem {
     cursor: pointer;
     padding: 10px;
+    color: black;
     display: flex;
     align-items: center;
     border-bottom: 1px solid $gray-light;
@@ -64,7 +65,7 @@
     }
 
     &:hover {
-      background-color: $gray-lightest;
+      background-color: $active-blue;
     }
 
     &:last-child {