From 96f4f3b8e4681f2d2ca54ca727cb3416accdefe2 Mon Sep 17 00:00:00 2001
From: Marcus Kida <marcus.kida@bearologics.com>
Date: Wed, 11 Feb 2026 12:04:45 +0100
Subject: [PATCH] Improve filters box

---
 static/index.html | 18 +++++++++---------
 static/style.css  | 17 +++++++++++++++--
 2 files changed, 24 insertions(+), 11 deletions(-)

diff --git a/static/index.html b/static/index.html
index 5a1b7e6..dd8adf0 100644
--- a/static/index.html
+++ b/static/index.html
@@ -11,8 +11,8 @@
     <div id="map"></div>
     <div id="controls">
         <div class="controls-row">
-            <label class="band-label band-2m"><input type="checkbox" id="band-2m" checked> 2m</label>
-            <label class="band-label band-70cm"><input type="checkbox" id="band-70cm" checked> 70cm</label>
+            <label class="band-label band-2m"><input type="checkbox" id="band-2m" checked> <span class="band-text">VHF<span class="band-sub">2m</span></span></label>
+            <label class="band-label band-70cm"><input type="checkbox" id="band-70cm" checked> <span class="band-text">UHF<span class="band-sub">70cm</span></span></label>
             <span id="count" class="count"></span>
         </div>
         <div class="controls-row search-row">
@@ -20,14 +20,14 @@
             <button type="button" id="search-clear" class="search-clear-btn" style="display:none">&times;</button>
         </div>
         <div id="search-list" class="pin-list" style="display:none"></div>
-        <div class="controls-row network-row">
-            <label class="net-label net-bm"><input type="checkbox" id="net-bm" checked> BM</label>
-            <label class="net-label net-dmrplus"><input type="checkbox" id="net-dmrplus"> DMR+</label>
-            <label class="net-label net-tgif"><input type="checkbox" id="net-tgif"> TGIF</label>
-            <label class="net-label net-other"><input type="checkbox" id="net-other"> Other</label>
-        </div>
         <details class="advanced">
-            <summary>Advanced</summary>
+            <summary>Filters</summary>
+            <div class="controls-row network-row">
+                <label class="net-label net-bm"><input type="checkbox" id="net-bm" checked> BM</label>
+                <label class="net-label net-dmrplus"><input type="checkbox" id="net-dmrplus"> DMR+</label>
+                <label class="net-label net-tgif"><input type="checkbox" id="net-tgif"> TGIF</label>
+                <label class="net-label net-other"><input type="checkbox" id="net-other"> Other</label>
+            </div>
             <label class="hotspot-label"><input type="checkbox" id="show-hotspots"> Show personal hotspots</label>
             <label class="hotspot-label"><input type="checkbox" id="show-inactive"> Show inactive repeaters</label>
         </details>
diff --git a/static/style.css b/static/style.css
index 2cdcec8..7b7760f 100644
--- a/static/style.css
+++ b/static/style.css
@@ -117,6 +117,19 @@ html, body {
     user-select: none;
 }
 
+.band-text {
+    display: inline-flex;
+    flex-direction: column;
+    line-height: 1.1;
+}
+
+.band-sub {
+    font-size: 9px;
+    font-weight: 400;
+    opacity: 0.45;
+    align-self: flex-end;
+}
+
 .band-2m {
     color: #1976D2;
 }
@@ -224,8 +237,8 @@ html, body {
 
 .count {
     margin-left: auto;
-    font-size: 12px;
-    color: var(--text-faint);
+    font-size: 10px;
+    color: var(--text-fainter);
     white-space: nowrap;
 }