From 7ea93925fbb69d82e7daf5b0e9cff37cb7934904 Mon Sep 17 00:00:00 2001
From: npeter83 <npeter83+claude@gmail.com>
Date: Sun, 9 Aug 2026 05:19:39 +0200
Subject: [PATCH] =?UTF-8?q?fix(ui):=20R10=20S3c=20=E2=80=94=20Banner=20act?=
 =?UTF-8?q?ion=20buttons=20gain=20hover=20feedback?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The accent + warning Banner action buttons had no hover state (flagged during S1 UAT).
Add the house hover:opacity-90 idiom. (The header-pill .glass-chrome consolidation is
deferred — 2 of the 3 pills already share the glass-menu/rounded-2xl look; unifying the
odd one, SyncStatus, needs a visual call on whether it becomes a full-height pill.)
---
 frontend/src/components/Banner.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Banner.tsx b/frontend/src/components/Banner.tsx
index f619538f..888b8f7d 100644
--- a/frontend/src/components/Banner.tsx
+++ b/frontend/src/components/Banner.tsx
@@ -8,12 +8,12 @@ const TONES: Record<BannerTone, { bar: string; icon: string; action: string }> =
   accent: {
     bar: "bg-accent/15 border-accent/30",
     icon: "text-accent",
-    action: "bg-accent text-accent-fg",
+    action: "bg-accent text-accent-fg hover:opacity-90",
   },
   warning: {
     bar: "bg-warn/15 border-warn/30",
     icon: "text-warn",
-    action: "bg-warn text-warn-fg",
+    action: "bg-warn text-warn-fg hover:opacity-90",
   },
 };