From 6fb0099eb3884f6e8c9d137eeb50e5689fbd077f Mon Sep 17 00:00:00 2001
From: Kanav Arora <kanavarora1515@gmail.com>
Date: Tue, 20 Feb 2024 03:31:17 +0530
Subject: [PATCH] 3969 Adjusted Sidebar (#3971)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Label fix

* changes done

* Revert "Label fix"

This reverts commit 1233b5809993da454bc84286746ef4ef18934e2e.

---------

Co-authored-by: Félix Malfait <felix.malfait@gmail.com>
---
 .../settings/components/SettingsNavigationDrawerItems.tsx     | 4 ++--
 packages/twenty-front/src/modules/ui/display/icon/index.ts    | 1 +
 .../navigation-drawer/components/NavigationDrawer.tsx         | 2 +-
 .../navigation-drawer/components/NavigationDrawerItem.tsx     | 1 +
 4 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/twenty-front/src/modules/settings/components/SettingsNavigationDrawerItems.tsx b/packages/twenty-front/src/modules/settings/components/SettingsNavigationDrawerItems.tsx
index b588faa30..9c7c7a451 100644
--- a/packages/twenty-front/src/modules/settings/components/SettingsNavigationDrawerItems.tsx
+++ b/packages/twenty-front/src/modules/settings/components/SettingsNavigationDrawerItems.tsx
@@ -8,8 +8,8 @@ import {
   IconAt,
   IconCalendarEvent,
   IconColorSwatch,
+  IconDoorEnter,
   IconHierarchy2,
-  IconLogout,
   IconMail,
   IconRobot,
   IconSettings,
@@ -156,7 +156,7 @@ export const SettingsNavigationDrawerItems = () => {
         <NavigationDrawerItem
           label="Logout"
           onClick={handleLogout}
-          Icon={IconLogout}
+          Icon={IconDoorEnter}
         />
       </NavigationDrawerSection>
     </>
diff --git a/packages/twenty-front/src/modules/ui/display/icon/index.ts b/packages/twenty-front/src/modules/ui/display/icon/index.ts
index 90a3e6311..205ec9b4a 100644
--- a/packages/twenty-front/src/modules/ui/display/icon/index.ts
+++ b/packages/twenty-front/src/modules/ui/display/icon/index.ts
@@ -48,6 +48,7 @@ export {
   IconCurrencyYuan,
   IconDatabase,
   IconDeviceFloppy,
+  IconDoorEnter,
   IconDotsVertical,
   IconDownload,
   IconEye,
diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawer.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawer.tsx
index cb2f0f822..1f84d79ad 100644
--- a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawer.tsx
+++ b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawer.tsx
@@ -31,7 +31,7 @@ const StyledContainer = styled.div<{ isSubMenu?: boolean }>`
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
-  gap: ${({ theme }) => theme.spacing(8)};
+  gap: ${({ theme }) => theme.spacing(3)};
   height: 100%;
   min-width: ${desktopNavDrawerWidths.menu}px;
   padding: ${({ theme }) => theme.spacing(3, 2, 4)};
diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerItem.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerItem.tsx
index c24337042..6c542f292 100644
--- a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerItem.tsx
+++ b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerItem.tsx
@@ -77,6 +77,7 @@ const StyledItem = styled.div<StyledItemProps>`
 `;
 
 const StyledItemLabel = styled.div`
+  font-size: ${({ theme }) => theme.font.size.md};
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;