[style](trx-frontend): refine aprs web controls

Restyle the APRS clear button and tighten the APRS overlay bar to use
more compact, polished chrome while keeping the existing behavior.

Co-authored-by: OpenAI Codex <codex@openai.com>
Signed-off-by: Stan Grams <sjg@haxx.space>
This commit is contained in:
2026-03-01 15:06:36 +01:00
parent 39c4f1d800
commit b6848c0c8e
3 changed files with 123 additions and 48 deletions
@@ -325,7 +325,10 @@
</div>
<div id="subtab-aprs" class="sub-tab-panel" style="display:none;">
<div class="aprs-controls">
<button id="aprs-clear-btn" type="button">Clear</button>
<button id="aprs-clear-btn" type="button" aria-label="Clear APRS packets">
<svg class="aprs-clear-icon" viewBox="0 0 16 16" aria-hidden="true"><path d="M6.5 1.5h3l0.5 1H13a0.75 0.75 0 0 1 0 1.5h-0.56l-0.63 8.06A2 2 0 0 1 9.82 14H6.18a2 2 0 0 1-1.99-1.94L3.56 4H3A0.75 0.75 0 0 1 3 2.5h2.99l0.51-1Zm-1.43 2.5 0.61 7.95a0.5 0.5 0 0 0 0.5 0.45h3.64a0.5 0.5 0 0 0 0.5-0.45L10.93 4H5.07ZM7 5.75c0.41 0 0.75 0.34 0.75 0.75v3a0.75 0.75 0 0 1-1.5 0v-3c0-0.41 0.34-0.75 0.75-0.75Zm2 0c0.41 0 0.75 0.34 0.75 0.75v3a0.75 0.75 0 0 1-1.5 0v-3c0-0.41 0.34-0.75 0.75-0.75Z"></path></svg>
<span>Clear</span>
</button>
<input id="aprs-filter" class="ft8-filter" type="text" placeholder="Filter (e.g. SP2, beacon)" />
<small id="aprs-status" style="color:var(--text-muted);">Waiting for server decode</small>
</div>