From 8cc95cb38720ae70248bf7c4f5f299adba1549ef Mon Sep 17 00:00:00 2001
From: Michael <michael@collectflow.local>
Date: Sun, 21 Jun 2026 09:41:28 +0200
Subject: [PATCH] fix(grid): align Sync Qlik button with summary-bar actions

The button was a two-line flex-col (button + date below), making it
taller than the single-line Export button next to it, so its button sat
visibly higher in the items-center row. Lay it out inline instead: the
"MAJ Qlik" date sits to the left (hidden under lg, kept in the tooltip),
the button keeps the 36px btn-action height and now aligns with siblings.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/features/grid/components/sync-qlik-button.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/features/grid/components/sync-qlik-button.tsx b/src/features/grid/components/sync-qlik-button.tsx
index 0967ffe..ba69c69 100644
--- a/src/features/grid/components/sync-qlik-button.tsx
+++ b/src/features/grid/components/sync-qlik-button.tsx
@@ -58,12 +58,18 @@ export function SyncQlikButton({ codeFournisseur, lastUpdate }: SyncQlikButtonPr
     };
 
     return (
-        <div className="flex flex-col items-end">
+        <div className="flex items-center gap-2">
+            <span
+                className="text-[10px] leading-tight text-right whitespace-nowrap hidden lg:block"
+                style={{ color: status === "error" ? "var(--accent-error)" : "var(--text-muted)" }}
+            >
+                {status === "error" ? message : `MAJ Qlik · ${formatDate(lastUpdate)}`}
+            </span>
             <button
                 onClick={handleSync}
                 disabled={status === "loading"}
                 className="btn-action btn-action-secondary flex items-center gap-1.5 disabled:opacity-60"
-                title={message || "Synchroniser les données réseau Qlik pour ce fournisseur"}
+                title={message || `Synchroniser les données réseau Qlik · MAJ ${formatDate(lastUpdate)}`}
             >
                 {status === "loading" ? (
                     <Loader2 className="w-3.5 h-3.5 animate-spin" />
@@ -76,9 +82,6 @@ export function SyncQlikButton({ codeFournisseur, lastUpdate }: SyncQlikButtonPr
                 )}
                 Sync Qlik
             </button>
-            <span className="text-[10px] text-slate-500 mt-0.5">
-                {status === "error" ? message : `MAJ Qlik : ${formatDate(lastUpdate)}`}
-            </span>
         </div>
     );
 }