Making icons smaller

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

packages/core/src/renderer/components/layout/sidebar-item.tsx

@@ -105,6 +105,7 @@ class NonInjectedSidebarItem extends React.Component<
           {this.isExpandable && (
             <Icon
               className={styles.expandIcon}
+              small
               material={
                 this.expanded ? "keyboard_arrow_up" : "keyboard_arrow_down"
               }

packages/core/src/renderer/components/layout/sidebar-items.module.scss

@@ -7,9 +7,9 @@
 
   > .navItem {
     display: flex;
-    gap: 6px;
+    gap: 8px;
     text-decoration: none;
-    padding: 6px 8px 6px 8px;
+    padding: 4px 8px 4px 8px;
     cursor: pointer;
 
     &:global(.active), &:hover {

packages/core/src/renderer/components/layout/sidebar.module.scss

@@ -32,6 +32,7 @@
 }
 
 .sidebarNav :global(.Icon) {
+  --size: 18px;
   box-sizing: content-box;
   border-radius: 50%;
 }