From e94420dfe9510b86e4217de17daecb41537d4b2c Mon Sep 17 00:00:00 2001
From: ValueOn AG <p.motsch@poweron.swiss>
Date: Tue, 2 Jun 2026 09:11:26 +0200
Subject: [PATCH] fix: UDB icons more compact (15px), remove maxWidth limit
 (450->800), tighter row gap

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 .../FormGeneratorTree.module.css              | 20 +++++++++++--------
 src/pages/views/workspace/WorkspacePage.tsx   |  2 +-
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/components/FormGenerator/FormGeneratorTree/FormGeneratorTree.module.css b/src/components/FormGenerator/FormGeneratorTree/FormGeneratorTree.module.css
index 3269993..d486ce3 100644
--- a/src/components/FormGenerator/FormGeneratorTree/FormGeneratorTree.module.css
+++ b/src/components/FormGenerator/FormGeneratorTree/FormGeneratorTree.module.css
@@ -574,8 +574,8 @@
 }
 
 .compactMode .nodeRow {
-  padding: 0 4px;
-  gap: 3px;
+  padding: 0 2px;
+  gap: 2px;
 }
 
 .compactMode .nodeName {
@@ -595,15 +595,19 @@
 }
 
 .compactMode .emojiBtn {
-  width: 18px;
-  font-size: 11px;
-  padding: 0 1px;
+  width: 15px;
+  font-size: 10px;
+  padding: 0;
 }
 
 .compactMode .nodeActionBtn {
-  width: 18px;
-  height: 18px;
-  font-size: 12px;
+  width: 15px;
+  height: 15px;
+  font-size: 11px;
+}
+
+.compactMode .nodeActionsPersistent {
+  gap: 0;
 }
 
 /* Dark theme */
diff --git a/src/pages/views/workspace/WorkspacePage.tsx b/src/pages/views/workspace/WorkspacePage.tsx
index 9948da4..4d5d15c 100644
--- a/src/pages/views/workspace/WorkspacePage.tsx
+++ b/src/pages/views/workspace/WorkspacePage.tsx
@@ -75,7 +75,7 @@ export const WorkspacePage: React.FC<WorkspacePageProps> = ({ persistentInstance
   }>();
   const [leftCollapsed, setLeftCollapsed] = useState(false);
   const [rightCollapsed, setRightCollapsed] = useState(false);
-  const _leftResize = _useResizable(280, 200, 450);
+  const _leftResize = _useResizable(280, 200, 800);
   const _rightResize = _useResizable(320, 200, 500);
   const [rightTab, setRightTab] = useState<RightTab>('activity');
   const [udbTab, setUdbTab] = useState<UdbTab>('chats');