From cd47c609a05650b8f8e2bd394e91cbd8632b0cbb Mon Sep 17 00:00:00 2001
From: Daniel <danielglezalbo@gmail.com>
Date: Sun, 23 Nov 2025 14:21:13 +0100
Subject: [PATCH] update: remove drawer button from toolbar, small fixes

---
 .../src/components/FormulaBar/FormulaBarMenu.tsx   |  7 ++++---
 .../RightDrawer/NamedRanges/NamedRanges.tsx        |  3 +++
 webapp/IronCalc/src/components/Toolbar/Toolbar.tsx | 14 --------------
 .../IronCalc/src/components/Workbook/Workbook.tsx  |  3 ---
 4 files changed, 7 insertions(+), 20 deletions(-)

diff --git a/webapp/IronCalc/src/components/FormulaBar/FormulaBarMenu.tsx b/webapp/IronCalc/src/components/FormulaBar/FormulaBarMenu.tsx
index 5b0ca86..89f6b0a 100644
--- a/webapp/IronCalc/src/components/FormulaBar/FormulaBarMenu.tsx
+++ b/webapp/IronCalc/src/components/FormulaBar/FormulaBarMenu.tsx
@@ -155,11 +155,12 @@ const MenuDivider = styled("div")`
 `;
 
 const MenuItemText = styled("div")`
-  width: 100%;
+  flex: 1;
+  min-width: 0;
   color: #000;
-  display: flex;
-  align-items: center;
+  overflow: hidden;
   text-overflow: ellipsis;
+  white-space: nowrap;
 `;
 
 const MenuItemExample = styled("div")`
diff --git a/webapp/IronCalc/src/components/RightDrawer/NamedRanges/NamedRanges.tsx b/webapp/IronCalc/src/components/RightDrawer/NamedRanges/NamedRanges.tsx
index 97fca02..915d429 100644
--- a/webapp/IronCalc/src/components/RightDrawer/NamedRanges/NamedRanges.tsx
+++ b/webapp/IronCalc/src/components/RightDrawer/NamedRanges/NamedRanges.tsx
@@ -398,6 +398,7 @@ const ListItem = styled("div")<{ $isSelected: boolean }>(({ $isSelected }) => ({
   display: "flex",
   alignItems: "flex-start",
   justifyContent: "space-between",
+  gap: "8px",
   padding: "8px 12px",
   cursor: "pointer",
   minHeight: "40px",
@@ -439,6 +440,8 @@ const NameText = styled("span")({
   fontSize: "12px",
   color: theme.palette.common.black,
   fontWeight: 600,
+  wordBreak: "break-all",
+  overflowWrap: "break-word",
 });
 
 const IconsWrapper = styled("div")({
diff --git a/webapp/IronCalc/src/components/Toolbar/Toolbar.tsx b/webapp/IronCalc/src/components/Toolbar/Toolbar.tsx
index 58c8263..0cffa11 100644
--- a/webapp/IronCalc/src/components/Toolbar/Toolbar.tsx
+++ b/webapp/IronCalc/src/components/Toolbar/Toolbar.tsx
@@ -33,7 +33,6 @@ import {
   Redo2,
   RemoveFormatting,
   Strikethrough,
-  Tags,
   Type,
   Underline,
   Undo2,
@@ -87,7 +86,6 @@ type ToolbarProperties = {
   numFmt: string;
   showGridLines: boolean;
   onToggleShowGridLines: (show: boolean) => void;
-  openDrawer: () => void;
 };
 
 function Toolbar(properties: ToolbarProperties) {
@@ -514,18 +512,6 @@ function Toolbar(properties: ToolbarProperties) {
               {properties.showGridLines ? <Grid2x2Check /> : <Grid2x2X />}
             </StyledButton>
           </Tooltip>
-          <Tooltip title={t("toolbar.named_ranges")}>
-            <StyledButton
-              type="button"
-              $pressed={false}
-              onClick={() => {
-                properties.openDrawer();
-              }}
-              disabled={!canEdit}
-            >
-              <Tags />
-            </StyledButton>
-          </Tooltip>
           <Tooltip title={t("toolbar.selected_png")}>
             <StyledButton
               type="button"
diff --git a/webapp/IronCalc/src/components/Workbook/Workbook.tsx b/webapp/IronCalc/src/components/Workbook/Workbook.tsx
index 6c8710a..ddbbb27 100644
--- a/webapp/IronCalc/src/components/Workbook/Workbook.tsx
+++ b/webapp/IronCalc/src/components/Workbook/Workbook.tsx
@@ -665,9 +665,6 @@ const Workbook = (props: { model: Model; workbookState: WorkbookState }) => {
           model.setShowGridLines(sheet, show);
           setRedrawId((id) => id + 1);
         }}
-        openDrawer={() => {
-          setDrawerOpen(true);
-        }}
       />
       <WorksheetAreaLeft $drawerWidth={isDrawerOpen ? drawerWidth : 0}>
         <FormulaBar