From 6cc94ecefa5e17f8cc0b17e9de203b75c209cca7 Mon Sep 17 00:00:00 2001
From: bruno <bruno.charest@gmail.com>
Date: Sun, 12 Jul 2026 17:19:23 -0400
Subject: [PATCH] =?UTF-8?q?fix:=20uncollapse=20dans=20hamburger=20topbar?=
 =?UTF-8?q?=20+=20padding=20r=C3=A9duit=20=E2=86=92=20plus=20haut?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Bouton show sidebar (uncollapse) supprimé de position:fixed → intégré au
  hamburger du topbar. Si sidebar collapsed → hamburger l'ouvre directement.
  Plus aucun chevauchement avec le contenu.
- .ws-split padding: 40px 24px 0 → 8px 16px 0 (gain 32px verticaux)
- Tous les éléments sont remontés, plus d'espace visible sans scroll
---
 app/templates/base.html            | 11 +++++------
 app/templates/local_workspace.html |  4 ++--
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/app/templates/base.html b/app/templates/base.html
index 05697b7..47d8fa8 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -335,10 +335,9 @@
     </div><!-- /sidebar-scroll -->
   </aside>
 
-  <!-- Uncollapse button (visible when sidebar hidden) -->
-  <button class="sidebar-uncollapse-btn" x-show="sidebarCollapsed" x-cloak @click="sidebarCollapsed = false" title="Show sidebar">
-    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
-  </button>
+  <!-- Uncollapse button → inside topbar, no overlap -->
+  <!-- (Moved into topbar block below) -->
+
 
   <style>
     [x-cloak] { display: none !important; }
@@ -350,8 +349,8 @@
     <!-- Topbar -->
     {% block topbar %}
     <header class="topbar">
-      <!-- Mobile hamburger -->
-      <button class="hamburger-btn" @click="mobileSidebarOpen = true; sidebarCollapsed = false;" title="Menu">
+      <!-- Hamburger / uncollapse sidebar -->
+      <button class="hamburger-btn" @click="sidebarCollapsed ? (sidebarCollapsed = false) : (mobileSidebarOpen = true; sidebarCollapsed = false)" title="Menu">
         <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
       </button>
       <div class="topbar-left">
diff --git a/app/templates/local_workspace.html b/app/templates/local_workspace.html
index 278e95f..6a7679e 100644
--- a/app/templates/local_workspace.html
+++ b/app/templates/local_workspace.html
@@ -4,7 +4,7 @@
 
 {% block topbar %}
 <header class="topbar">
-  <button class="hamburger-btn" @click="mobileSidebarOpen = true; sidebarCollapsed = false;" title="Menu">
+  <button class="hamburger-btn" @click="sidebarCollapsed ? (sidebarCollapsed = false) : (mobileSidebarOpen = true; sidebarCollapsed = false)" title="Menu">
     <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
   </button>
   <div class="topbar-left">
@@ -218,7 +218,7 @@
 .ws-table-compact tr:hover td{background:var(--bg-hover);}
 
 /* Split layout */
-.ws-split{display:flex;max-width:100%;margin:0 auto;padding:40px 24px 0;gap:0;min-height:calc(100vh - 44px);}
+.ws-split{display:flex;max-width:100%;margin:0 auto;padding:8px 16px 0;gap:0;min-height:calc(100vh - 44px);}
 .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%;}}