From 3966dbc7904305fbfcdfc62dca9315ae135d0184 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicol=C3=A1s=20Hatcher?= <nicolas@theuniverse.today>
Date: Tue, 8 Oct 2024 21:39:41 +0200
Subject: [PATCH] FIX: Correct font-size in navigation bar

---
 webapp/src/components/navigation/menus.tsx |  2 +-
 webapp/src/components/navigation/sheet.tsx | 16 ++++++++++------
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/webapp/src/components/navigation/menus.tsx b/webapp/src/components/navigation/menus.tsx
index 4f83523..c1600ac 100644
--- a/webapp/src/components/navigation/menus.tsx
+++ b/webapp/src/components/navigation/menus.tsx
@@ -115,7 +115,7 @@ const ItemColor = styled("div")`
 `;
 
 const ItemName = styled("div")`
-  font-size: 13px;
+  font-size: 12px;
   color: #333;
 `;
 
diff --git a/webapp/src/components/navigation/sheet.tsx b/webapp/src/components/navigation/sheet.tsx
index 5abca39..b7940e7 100644
--- a/webapp/src/components/navigation/sheet.tsx
+++ b/webapp/src/components/navigation/sheet.tsx
@@ -73,23 +73,23 @@ function Sheet(props: SheetProps) {
           horizontal: 6,
         }}
       >
-        <MenuItem
+        <StyledMenuItem
           onClick={() => {
             handleOpenRenameDialog();
             handleClose();
           }}
         >
           Rename
-        </MenuItem>
-        <MenuItem
+        </StyledMenuItem>
+        <StyledMenuItem
           onClick={() => {
             setColorPickerOpen(true);
             handleClose();
           }}
         >
           Change Color
-        </MenuItem>
-        <MenuItem
+        </StyledMenuItem>
+        <StyledMenuItem
           onClick={() => {
             props.onDeleted();
             handleClose();
@@ -97,7 +97,7 @@ function Sheet(props: SheetProps) {
         >
           {" "}
           Delete
-        </MenuItem>
+        </StyledMenuItem>
       </StyledMenu>
       <SheetRenameDialog
         isOpen={renameDialogOpen}
@@ -126,6 +126,10 @@ function Sheet(props: SheetProps) {
 
 const StyledMenu = styled(Menu)``;
 
+const StyledMenuItem = styled(MenuItem)`
+font-size: 12px;
+`;
+
 const StyledButton = styled(Button)`
   width: 15px;
   height: 24px;