From 58eacaa9d6320fdb880a5abdaa72fb2f524ff093 Mon Sep 17 00:00:00 2001
From: bruno <bruno.charest@gmail.com>
Date: Sun, 12 Jul 2026 17:31:08 -0400
Subject: [PATCH] =?UTF-8?q?perf:=20=C3=A9l=C3=A9ments=20remont=C3=A9s=20au?=
 =?UTF-8?q?=20maximum=20=E2=80=94=20topbar=2040px=20+=20paddings=20r=C3=A9?=
 =?UTF-8?q?duits?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- --topbar-height: 44px → 40px (gain 4px)
- .ws-split: padding-top 8px → 0, min-height via var(--topbar-height)
- .breadcrumb-row: padding 3px→2px, gap 6px→4px, nav-arrow 24px→22px,
  border-radius 10px→8px
- .toolbar-row: padding 3px→2px, gap 6px→4px, margin-bottom 4px→2px,
  border-radius 10px→8px
- Gain total vertical: ~14px (8+4+2). Tout est plus compact.
---
 app/main.py                        | 2 +-
 app/templates/local_workspace.html | 8 ++++----
 static/css/app.css                 | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/main.py b/app/main.py
index 70abb06..4834b00 100644
--- a/app/main.py
+++ b/app/main.py
@@ -39,7 +39,7 @@ async def lifespan(_app: FastAPI):
 
 app = FastAPI(
     title="FlowDeck",
-    version="2.4.0",
+    version="2.4.1",
     docs_url="/docs" if settings.log_level == "DEBUG" else None,
     redoc_url=None,
     lifespan=lifespan,
diff --git a/app/templates/local_workspace.html b/app/templates/local_workspace.html
index f7e3e9f..e79ebc6 100644
--- a/app/templates/local_workspace.html
+++ b/app/templates/local_workspace.html
@@ -218,15 +218,15 @@
 .ws-table-compact tr:hover td{background:var(--bg-hover);}
 
 /* Split layout */
-.ws-split{display:flex;max-width:100%;margin:0 auto;padding:8px 16px 0;gap:0;min-height:calc(100vh - 44px);}
+.ws-split{display:flex;max-width:100%;margin:0 auto;padding:0 16px 0;gap:0;min-height:calc(100vh - var(--topbar-height));}
 .ws-main{flex:1;min-width:0;overflow:auto;padding-right:0;}
 .preview-panel + .ws-main{margin-right:0;}
 @media(max-width:768px){.ws-split{flex-direction:column;padding:20px 12px 0;}.preview-panel{width:100%;max-width:100%;min-width:100%;}.ws-main{width:100%;}}
 
 /* Breadcrumb row */
-.breadcrumb-row{display:flex;align-items:center;gap:6px;padding:3px 8px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px 10px 0 0;margin-bottom:0;flex-wrap:wrap;}
-.breadcrumb-row .nav-arrow{width:24px;height:24px;padding:0;font-size:14px;}
-.toolbar-row{display:flex;align-items:center;gap:6px;padding:3px 8px;background:var(--bg-secondary);border:1px solid var(--border);border-top:none;border-radius:0 0 10px 10px;margin-bottom:4px;flex-wrap:wrap;}
+.breadcrumb-row{display:flex;align-items:center;gap:4px;padding:2px 8px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px 8px 0 0;margin-bottom:0;flex-wrap:wrap;}
+.breadcrumb-row .nav-arrow{width:22px;height:22px;padding:0;font-size:13px;}
+.toolbar-row{display:flex;align-items:center;gap:4px;padding:2px 8px;background:var(--bg-secondary);border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;margin-bottom:2px;flex-wrap:wrap;}
 .nav-arrow{width:28px;height:28px;font-size:13px;flex-shrink:0;}
 .unified-breadcrumb{flex:1;display:flex;align-items:center;gap:2px;min-width:0;font-size:13px;overflow:hidden;}
 .unified-breadcrumb .bc-icon{font-size:15px;flex-shrink:0;}
diff --git a/static/css/app.css b/static/css/app.css
index 8cb75e4..f92125e 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -45,7 +45,7 @@
   /* ===== Dimensions ===== */
   --sidebar-width: 240px;
   --sidebar-collapsed: 0px;
-  --topbar-height: 44px;
+  --topbar-height: 40px;
   --radius-sm: 4px;
   --radius-md: 6px;
   --radius-lg: 8px;