From 3b518e11463099c1c632a9ba24f08dce0dfec7a4 Mon Sep 17 00:00:00 2001
From: Maksim Eltyshev <meltyshev@gmail.com>
Date: Sun, 9 Jul 2023 17:43:52 +0200
Subject: [PATCH] fix: Style fixes

---
 client/src/components/Header/Header.jsx       |  2 +-
 .../src/components/Header/Header.module.scss  | 38 ++++++++-----------
 2 files changed, 17 insertions(+), 23 deletions(-)

diff --git a/client/src/components/Header/Header.jsx b/client/src/components/Header/Header.jsx
index 2db6e76..443d3a8 100755
--- a/client/src/components/Header/Header.jsx
+++ b/client/src/components/Header/Header.jsx
@@ -59,7 +59,7 @@ const Header = React.memo(
                 {project.name}
                 {canEditProject && (
                   <Button
-                    className={classNames(styles.actionsButton, styles.target)}
+                    className={classNames(styles.editButton, styles.target)}
                     onClick={handleProjectSettingsClick}
                   >
                     <Icon fitted name="pencil" size="small" />
diff --git a/client/src/components/Header/Header.module.scss b/client/src/components/Header/Header.module.scss
index f8f3504..6d2d876 100644
--- a/client/src/components/Header/Header.module.scss
+++ b/client/src/components/Header/Header.module.scss
@@ -1,4 +1,20 @@
 :global(#app) {
+  .editButton {
+    background: transparent;
+    box-shadow: none;
+    color: #fff;
+    font-size: 15px;
+    line-height: 34px;
+    margin-left: 8px;
+    opacity: 0;
+    padding: 0;
+    width: 34px;
+
+    &:hover {
+      background: rgba(255, 255, 255, 0.08);
+    }
+  }
+
   .item {
     cursor: auto;
     user-select: auto;
@@ -75,26 +91,4 @@
     display: flex;
     flex: 0 0 auto;
   }
-
-  .actionsButton {
-    background: none;
-    box-shadow: none;
-    border-radius: 3px;
-    box-sizing: content-box;
-    color: #fff;
-    display: inline-block;
-    text-align: center;
-    margin: 0;
-    min-height: auto;
-    opacity: 0;
-    outline: none;
-    padding: 4px;
-    transition: background 85ms ease;
-    width: 20px;
-    margin-left: 12px;
-
-    &:hover {
-      background: rgba(255, 255, 255, 0.08);
-    }
-  }
 }