3969 Adjusted Sidebar (#3971)

* Label fix

* changes done

* Revert "Label fix"

This reverts commit 1233b5809993da454bc84286746ef4ef18934e2e.

---------

Co-authored-by: Félix Malfait <felix.malfait@gmail.com>

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>
     </>

packages/twenty-front/src/modules/ui/display/icon/index.ts

@@ -48,6 +48,7 @@ export {
   IconCurrencyYuan,
   IconDatabase,
   IconDeviceFloppy,
+  IconDoorEnter,
   IconDotsVertical,
   IconDownload,
   IconEye,

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)};

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;