diff --git a/frontend/src/components/WatchlistTab.tsx b/frontend/src/components/WatchlistTab.tsx index a941bed..909c23c 100644 --- a/frontend/src/components/WatchlistTab.tsx +++ b/frontend/src/components/WatchlistTab.tsx @@ -223,18 +223,22 @@ export function WatchlistTab({ spots, spotStatus, onSpotSelect, onSpotClick }: P // Capped and centred: a card is a reading surface, and callsign-to-badge // lines stretched across a 34-inch window are not readable, they are long.
- {/* toolbar */} -
+ {/* Header: the counters alone, centred — they are the tab's headline. + Everything one INTERACTS with lives on the second row. */} +
- + {t('wl.cTotal')} {counters.total} - · + | {t('wl.cActive')} {counters.active} - · + | {t('wl.cNeeded')} {counters.needed} - setAddCall(e.target.value)} +
+ {/* toolbar */} +
+ setAddCall(e.target.value.toUpperCase())} onKeyDown={(e) => { if (e.key === 'Enter') void add(); }} />