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>
This commit is contained in:
MichaelandClaude Opus 4.8 committed 2026-06-21 09:41:28 +02:00
1 parent 5f364f7d52
commit 8cc95cb387
1 file changed
+8 -5
@@ -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>
);
}