[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
@@ -112,7 +112,7 @@ function updateAprsBar() {
aprsBarOverlay.style.display = "none";
return;
}
let html = '<div class="aprs-bar-header">APRS<button class="aprs-bar-clear" onclick="window.clearAprsBar()">Clear</button></div>';
let html = '<div class="aprs-bar-header"><span class="aprs-bar-title">APRS Live</span><button class="aprs-bar-clear" onclick="window.clearAprsBar()" aria-label="Clear APRS overlay"><span class="aprs-bar-clear-icon" aria-hidden="true">×</span><span>Clear</span></button></div>';
for (const pkt of okFrames) {
const ts = pkt._ts ? `<span class="aprs-bar-time">${pkt._ts}</span>` : "";
const call = `<span class="aprs-bar-call">${escapeMapHtml(pkt.srcCall)}</span>`;