From 0c2b70d3f95e7c7cf457460023409e6cf1a265de Mon Sep 17 00:00:00 2001
From: Bruno Charest <bruno.charest@gmail.com>
Date: Thu, 4 Jun 2026 18:59:04 -0400
Subject: [PATCH] =?UTF-8?q?fix:=20diff=20mode=20button=20now=20has=20visib?=
 =?UTF-8?q?le=20text=20label=20(C=C3=B4te=20=C3=A0=20c=C3=B4te=20/=20Unifi?=
 =?UTF-8?q?=C3=A9e)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/js/backups.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/js/backups.js b/frontend/js/backups.js
index c5e5ecf..0a84e30 100644
--- a/frontend/js/backups.js
+++ b/frontend/js/backups.js
@@ -211,8 +211,8 @@ function renderMainView() {
       <button class="backup-restore-btn" id="backup-restore-btn" title="Restaurer la version de gauche">
         <i data-lucide="rotate-ccw" class="icon-sm"></i> Restaurer
       </button>
-      <button class="backup-diff-mode-btn" id="backup-diff-mode-btn" title="Vue côte à côte / unifiée">
-        <i data-lucide="columns-2" class="icon-sm"></i>
+      <button class="backup-diff-mode-btn" id="backup-diff-mode-btn" title="Basculer vue unifiée / côte à côte">
+        <i data-lucide="columns-2" class="icon-sm"></i> Côte à côte
       </button>
     </div>
 
@@ -263,9 +263,11 @@ function bindEvents() {
         ? renderDiffSideBySide(state.diffLeft, state.diffRight)
         : renderDiff(state.diffText);
     }
-    // Update icon
+    // Update icon and text
     const icon = modeBtn.querySelector('i');
     if (icon) icon.setAttribute('data-lucide', state.diffMode === 'sidebyside' ? 'columns-2' : 'align-justify');
+    modeBtn.childNodes.forEach(n => { if (n.nodeType === 3) n.remove(); });
+    modeBtn.appendChild(document.createTextNode(state.diffMode === 'sidebyside' ? ' Unifiée' : ' Côte à côte'));
     safeCreateIcons();
   });
 }