From a77eab60509a276dc14c3293e6e10513955d9ab0 Mon Sep 17 00:00:00 2001
From: bruno <bruno.charest@gmail.com>
Date: Mon, 13 Jul 2026 09:28:14 -0400
Subject: [PATCH] fix: boutons New File/New Folder avec texte visible + CSS
 btn-create
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Ajouté texte 'New File' et 'New Folder' aux boutons icônes
- Ajouté CSS .btn-create avec width:auto pour accommoder le texte
  (l'ancien CSS .btn-icon imposait width:34px fixe qui coupait le texte)
- Les boutons étaient des icônes seules (📄 📁) sans texte,
  donc difficiles à trouver pour l'utilisateur
---
 app/templates/local_workspace.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/templates/local_workspace.html b/app/templates/local_workspace.html
index bad9445..28c5569 100644
--- a/app/templates/local_workspace.html
+++ b/app/templates/local_workspace.html
@@ -66,6 +66,7 @@
 .btn-icon:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border-strong);}
 .btn-icon:disabled{opacity:0.3;cursor:default;}
 .btn-icon:disabled:hover{background:var(--bg-tertiary);color:var(--text-secondary);}
+.btn-create{width:auto !important;padding:0 10px !important;gap:2px;flex-shrink:0;}
 
 /* Recently modified dot */
 .modified-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;margin-left:4px;flex-shrink:0;display:none;}
@@ -1980,8 +1981,8 @@ console.log('FLOWDECK v2.4.6 — IIFE done, _wsInitData keys:', Object.keys(wind
     </select>
     <button class="btn-icon" @click="expandAll()" title="Expand" x-show="viewMode==='tree'">⊞</button>
     <button class="btn-icon" @click="collapseAll()" title="Collapse" x-show="viewMode==='tree'">⊟</button>
-    <button class="btn-icon btn-create" @click="openModal('file')" title="New file">📄</button>
-    <button class="btn-icon btn-create" @click="openModal('folder')" title="New folder">📁</button>
+    <button class="btn-icon btn-create" @click="openModal('file')" title="New file">📄 <span style="margin-left:4px;font-size:12px">New File</span></button>
+    <button class="btn-icon btn-create" @click="openModal('folder')" title="New folder">📁 <span style="margin-left:4px;font-size:12px">New Folder</span></button>
   </div>
 
   <!-- Bulk actions bar -->