style(decodes): the US state is a proper badge

Bigger and boxed, per its operator — the plain grey text vanished into the column it was meant to anchor.
2026-08-30 20:34:02 +02:00
parent 1288b3f998
commit fc1561804c
1 changed files with 4 additions and 5 deletions
@@ -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>