From 9ef4b53e513bf7c459f2bde32c9dea24be50f8d5 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Tue, 30 Aug 2022 12:28:39 +0300
Subject: [PATCH] Adjust navigation paddings

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 .../components/layout/sidebar-items.module.scss     | 13 ++++++-------
 src/renderer/components/layout/sidebar.module.scss  |  1 -
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/renderer/components/layout/sidebar-items.module.scss b/src/renderer/components/layout/sidebar-items.module.scss
index 60f10f7738..c37d041816 100644
--- a/src/renderer/components/layout/sidebar-items.module.scss
+++ b/src/renderer/components/layout/sidebar-items.module.scss
@@ -7,13 +7,9 @@
 
   > .navItem {
     display: flex;
-    align-items: center;
-    gap: 4px;
+    gap: 8px;
     text-decoration: none;
-    padding: 3px 6px;
-    width: 100%;
-    height: 100%;
-    color: inherit;
+    padding: 6px 8px 6px 10px;
     cursor: pointer;
 
     &:global(.active), &:hover {
@@ -39,9 +35,12 @@
   
     .SidebarItem {
       color: var(--textColorPrimary);
-      padding-left: 28px;
+      padding-left: 25px;
   
       .navItem {
+        padding-top: 4px;
+        padding-bottom: 4px;
+
         &:global(.active), &:hover {
           color: var(--sidebarSubmenuActiveColor);
           background: none;
diff --git a/src/renderer/components/layout/sidebar.module.scss b/src/renderer/components/layout/sidebar.module.scss
index 6c3b41fced..21fbeec1f3 100644
--- a/src/renderer/components/layout/sidebar.module.scss
+++ b/src/renderer/components/layout/sidebar.module.scss
@@ -21,6 +21,5 @@
 
 .sidebarNav :global(.Icon) {
   box-sizing: content-box;
-  padding: 3px;
   border-radius: 50%;
 }