From 1ea76fed64bf48c2515b8c060630ff0994370d2e Mon Sep 17 00:00:00 2001
From: Julien Froidefond <julien.froidefond@cdbdx.biz>
Date: Mon, 12 Jan 2026 10:59:06 +0100
Subject: [PATCH] refactor(FoldersSidebar): reorganize button and notes count
 display for improved layout and accessibility

---
 src/components/notes/FoldersSidebar.tsx | 43 +++++++++++++------------
 1 file changed, 22 insertions(+), 21 deletions(-)

diff --git a/src/components/notes/FoldersSidebar.tsx b/src/components/notes/FoldersSidebar.tsx
index 6ab78ec..7ebdd4c 100644
--- a/src/components/notes/FoldersSidebar.tsx
+++ b/src/components/notes/FoldersSidebar.tsx
@@ -145,27 +145,28 @@ function FolderItem({
           })()}
         <span className="flex-1 text-sm truncate">{folder.name}</span>
 
-        {folder.notesCount !== undefined && folder.notesCount > 0 && (
-          <span className="text-xs text-[var(--muted-foreground)]">
-            {folder.notesCount}
-          </span>
-        )}
-
-        <div className="opacity-0 group-hover:opacity-100 transition-opacity flex items-center gap-1">
-          <button
-            onClick={handleEdit}
-            className="p-1 hover:bg-[var(--primary)]/10 text-[var(--muted-foreground)] hover:text-[var(--primary)] rounded transition-colors"
-            title="Renommer"
-          >
-            <Edit2 className="w-3 h-3" />
-          </button>
-          <button
-            onClick={handleDelete}
-            className="p-1 hover:bg-[var(--destructive)]/10 text-[var(--muted-foreground)] hover:text-[var(--destructive)] rounded transition-colors"
-            title="Supprimer"
-          >
-            <Trash2 className="w-3 h-3" />
-          </button>
+        <div className="flex items-center justify-end gap-2 min-w-[2rem]">
+          <div className="opacity-0 group-hover:opacity-100 transition-opacity flex items-center gap-1">
+            <button
+              onClick={handleEdit}
+              className="p-1 hover:bg-[var(--primary)]/10 text-[var(--muted-foreground)] hover:text-[var(--primary)] rounded transition-colors"
+              title="Renommer"
+            >
+              <Edit2 className="w-3 h-3" />
+            </button>
+            <button
+              onClick={handleDelete}
+              className="p-1 hover:bg-[var(--destructive)]/10 text-[var(--muted-foreground)] hover:text-[var(--destructive)] rounded transition-colors"
+              title="Supprimer"
+            >
+              <Trash2 className="w-3 h-3" />
+            </button>
+          </div>
+          {folder.notesCount !== undefined && folder.notesCount > 0 && (
+            <span className="text-xs text-[var(--muted-foreground)]">
+              {folder.notesCount}
+            </span>
+          )}
         </div>
       </div>