From fc1561804cd1544be5c4b40d83a0fc59a7196f6c Mon Sep 17 00:00:00 2001
From: rouggy <legreg002@hotmail.com>
Date: Sun, 30 Aug 2026 20:34:02 +0200
Subject: [PATCH] style(decodes): the US state is a proper badge
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Bigger and boxed, per its operator — the plain grey text vanished into the
column it was meant to anchor.
---
 frontend/src/components/DecodesPanel.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/DecodesPanel.tsx b/frontend/src/components/DecodesPanel.tsx
index 49585c4..4cac8ee 100644
--- a/frontend/src/components/DecodesPanel.tsx
+++ b/frontend/src/components/DecodesPanel.tsx
@@ -1106,12 +1106,11 @@ export function DecodesPanel({ decodes, txMsgs, txState, txStates, spotStatus, o
                       right edge, shortest first so the eye can scan the column
                       rather than read it. */}
                   <span className={CELL_LAST}>
-                    {/* The two-letter US state, when the log or the licence data
-                        knows it — a WAS chaser reads the column for exactly
-                        this. Plain text, not a badge: it is a fact, not an
-                        action. */}
+                    {/* The two-letter US state, when the log or the licence
+                        data knows it — a WAS chaser reads the column for
+                        exactly this. */}
                     {e?.state && (
-                      <span className="text-[10px] font-bold text-muted-foreground shrink-0" title={t('dec.stateTip')}>{e.state}</span>
+                      <span className="rounded px-1.5 py-px text-[11px] font-bold bg-info/15 text-info border border-info/40 shrink-0" title={t('dec.stateTip')}>{e.state}</span>
                     )}
                     {e?.lotw && (
                       <span className="text-[10px] font-bold text-info-muted-foreground shrink-0" title="LoTW">L</span>