From 7c7748778a097b1ba58f345d9cb7eb2b2f81e0ee Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Sun, 25 Apr 2021 07:58:20 +0300
Subject: [PATCH] Increase cell corner radius

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 src/renderer/components/hotbar/hotbar-icon.scss |  4 ++--
 src/renderer/components/hotbar/hotbar-menu.scss | 13 ++++++-------
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/renderer/components/hotbar/hotbar-icon.scss b/src/renderer/components/hotbar/hotbar-icon.scss
index 587139cc15..00ddebe716 100644
--- a/src/renderer/components/hotbar/hotbar-icon.scss
+++ b/src/renderer/components/hotbar/hotbar-icon.scss
@@ -2,14 +2,14 @@
   .HotbarIcon {
     --size: 37px;
 
-    border-radius: 4px;
+    border-radius: 6px;
     user-select: none;
     cursor: pointer;
 
     div.MuiAvatar-colorDefault {
       font-weight:500;
       text-transform: uppercase;
-      border-radius: 4px;
+      border-radius: 6px;
     }
 
     div.active {
diff --git a/src/renderer/components/hotbar/hotbar-menu.scss b/src/renderer/components/hotbar/hotbar-menu.scss
index e222fd07aa..d6927c8eac 100644
--- a/src/renderer/components/hotbar/hotbar-menu.scss
+++ b/src/renderer/components/hotbar/hotbar-menu.scss
@@ -14,7 +14,7 @@
 
   .HotbarItems {
     --cellWidth: 40px;
-    --cellHeight: 56px;
+    --cellHeight: 60px;
 
     box-sizing: content-box;
     margin: 0 auto;
@@ -25,9 +25,9 @@
       width: var(--cellWidth);
       height: 40px;
       min-height: 40px;
-      margin: 8px;
-      background: var(--sidebarBackground);
-      border-radius: 4px;
+      margin: 12px;
+      background: var(--layoutBackground);
+      border-radius: 6px;
       position: relative;
 
       &:hover {
@@ -51,8 +51,7 @@
         box-sizing: border-box;
 
         &:hover {
-          border-color: var(--textColorAccent);
-          color: var(--textColorAccent);
+          background-color: white;
           transition: all 0.2s;
         }
 
@@ -84,7 +83,7 @@
     margin: 8px auto;
     background-color: transparent;
     color: var(--textColorDimmed);
-    border-radius: 4px;
+    border-radius: 6px;
     transition: all 0.2s;
     cursor: pointer;