From 236ac1a584c335392ec1f99ebdf85a5673d141c7 Mon Sep 17 00:00:00 2001
From: Ian Renton <ian@ianrenton.com>
Date: Mon, 6 Apr 2026 18:22:45 +0100
Subject: [PATCH] Wider bands/sigs/sources columns on mobile

---
 templates/about.html             | 2 +-
 templates/add_spot.html          | 4 ++--
 templates/alerts.html            | 4 ++--
 templates/bands.html             | 6 +++---
 templates/base.html              | 8 ++++----
 templates/conditions.html        | 4 ++--
 templates/map.html               | 6 +++---
 templates/spots.html             | 6 +++---
 templates/status.html            | 4 ++--
 webassets/js/spotsbandsandmap.js | 6 +++---
 10 files changed, 25 insertions(+), 25 deletions(-)

diff --git a/templates/about.html b/templates/about.html
index 86b6d2c..39eca55 100644
--- a/templates/about.html
+++ b/templates/about.html
@@ -67,7 +67,7 @@
     <p>This software is dedicated to the memory of Tom G1PJB, SK, a friend and colleague who sadly passed away around the time I started writing it in Autumn 2025. I was looking forward to showing it to you when it was done.</p>
 </div>
 
-<script src="/js/common.js?v=1775489866"></script>
+<script src="/js/common.js?v=1775496165"></script>
 <script>$(document).ready(function() { $("#nav-link-about").addClass("active"); }); <!-- highlight active page in nav --></script>
 
 {% end %}
\ No newline at end of file
diff --git a/templates/add_spot.html b/templates/add_spot.html
index 7584e0f..7f1410f 100644
--- a/templates/add_spot.html
+++ b/templates/add_spot.html
@@ -69,8 +69,8 @@
 
 </div>
 
-<script src="/js/common.js?v=1775489866"></script>
-<script src="/js/add-spot.js?v=1775489866"></script>
+<script src="/js/common.js?v=1775496165"></script>
+<script src="/js/add-spot.js?v=1775496165"></script>
 <script>$(document).ready(function() { $("#nav-link-add-spot").addClass("active"); }); <!-- highlight active page in nav --></script>
 
 {% end %}
\ No newline at end of file
diff --git a/templates/alerts.html b/templates/alerts.html
index 445bca3..fb9dc9e 100644
--- a/templates/alerts.html
+++ b/templates/alerts.html
@@ -56,8 +56,8 @@
 
 </div>
 
-<script src="/js/common.js?v=1775489866"></script>
-<script src="/js/alerts.js?v=1775489866"></script>
+<script src="/js/common.js?v=1775496165"></script>
+<script src="/js/alerts.js?v=1775496165"></script>
 <script>$(document).ready(function() { $("#nav-link-alerts").addClass("active"); }); <!-- highlight active page in nav --></script>
 
 {% end %}
\ No newline at end of file
diff --git a/templates/bands.html b/templates/bands.html
index dffd6cb..e824300 100644
--- a/templates/bands.html
+++ b/templates/bands.html
@@ -62,9 +62,9 @@
 <script>
     let spotProvidersEnabledByDefault = {% raw json_encode(web_ui_options["spot-providers-enabled-by-default"]) %};
 </script>
-<script src="/js/common.js?v=1775489866"></script>
-<script src="/js/spotsbandsandmap.js?v=1775489866"></script>
-<script src="/js/bands.js?v=1775489866"></script>
+<script src="/js/common.js?v=1775496165"></script>
+<script src="/js/spotsbandsandmap.js?v=1775496165"></script>
+<script src="/js/bands.js?v=1775496165"></script>
 <script>$(document).ready(function() { $("#nav-link-bands").addClass("active"); }); <!-- highlight active page in nav --></script>
 
 {% end %}
\ No newline at end of file
diff --git a/templates/base.html b/templates/base.html
index ae5c2c2..d60a710 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -46,10 +46,10 @@
             crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/tinycolor2@1.6.0/cjs/tinycolor.min.js"></script>
 
-    <script src="https://misc.ianrenton.com/jsutils/utils.js?v=1775489866"></script>
-    <script src="https://misc.ianrenton.com/jsutils/storage.js?v=1775489866"></script>
-    <script src="https://misc.ianrenton.com/jsutils/ui-ham.js?v=1775489866"></script>
-    <script src="https://misc.ianrenton.com/jsutils/geo.js?v=1775489866"></script>
+    <script src="https://misc.ianrenton.com/jsutils/utils.js?v=1775496165"></script>
+    <script src="https://misc.ianrenton.com/jsutils/storage.js?v=1775496165"></script>
+    <script src="https://misc.ianrenton.com/jsutils/ui-ham.js?v=1775496165"></script>
+    <script src="https://misc.ianrenton.com/jsutils/geo.js?v=1775496165"></script>
 
 </head>
 <body>
diff --git a/templates/conditions.html b/templates/conditions.html
index 521256e..78687f7 100644
--- a/templates/conditions.html
+++ b/templates/conditions.html
@@ -230,8 +230,8 @@
 </div>
 
 <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.9/dist/chart.umd.min.js"></script>
-<script src="/js/common.js?v=1775489866"></script>
-<script src="/js/conditions.js?v=1775489866"></script>
+<script src="/js/common.js?v=1775496165"></script>
+<script src="/js/conditions.js?v=1775496165"></script>
 <script>$(document).ready(function () {
     $("#nav-link-conditions").addClass("active");
 }); <!-- highlight active page in nav --></script>
diff --git a/templates/map.html b/templates/map.html
index 3995399..d4146a2 100644
--- a/templates/map.html
+++ b/templates/map.html
@@ -79,9 +79,9 @@
 <script>
     let spotProvidersEnabledByDefault = {% raw json_encode(web_ui_options["spot-providers-enabled-by-default"]) %};
 </script>
-<script src="/js/common.js?v=1775489865"></script>
-<script src="/js/spotsbandsandmap.js?v=1775489865"></script>
-<script src="/js/map.js?v=1775489865"></script>
+<script src="/js/common.js?v=1775496165"></script>
+<script src="/js/spotsbandsandmap.js?v=1775496165"></script>
+<script src="/js/map.js?v=1775496165"></script>
 <script>$(document).ready(function() { $("#nav-link-map").addClass("active"); }); <!-- highlight active page in nav --></script>
 
 {% end %}
\ No newline at end of file
diff --git a/templates/spots.html b/templates/spots.html
index 5ccb5ee..2437e85 100644
--- a/templates/spots.html
+++ b/templates/spots.html
@@ -87,9 +87,9 @@
 <script>
     let spotProvidersEnabledByDefault = {% raw json_encode(web_ui_options["spot-providers-enabled-by-default"]) %};
 </script>
-<script src="/js/common.js?v=1775489865"></script>
-<script src="/js/spotsbandsandmap.js?v=1775489865"></script>
-<script src="/js/spots.js?v=1775489865"></script>
+<script src="/js/common.js?v=1775496165"></script>
+<script src="/js/spotsbandsandmap.js?v=1775496165"></script>
+<script src="/js/spots.js?v=1775496165"></script>
 <script>$(document).ready(function() { $("#nav-link-spots").addClass("active"); }); <!-- highlight active page in nav --></script>
 
 {% end %}
\ No newline at end of file
diff --git a/templates/status.html b/templates/status.html
index 122bda5..142449c 100644
--- a/templates/status.html
+++ b/templates/status.html
@@ -59,8 +59,8 @@
     </div>
 </div>
 
-<script src="/js/common.js?v=1775489866"></script>
-<script src="/js/status.js?v=1775489866"></script>
+<script src="/js/common.js?v=1775496165"></script>
+<script src="/js/status.js?v=1775496165"></script>
 <script>
     $(document).ready(function() { $("#nav-link-status").addClass("active"); }); <!-- highlight active page in nav -->
 </script>
diff --git a/webassets/js/spotsbandsandmap.js b/webassets/js/spotsbandsandmap.js
index 23d37ad..2944de4 100644
--- a/webassets/js/spotsbandsandmap.js
+++ b/webassets/js/spotsbandsandmap.js
@@ -19,7 +19,7 @@ function addBandToggleColourCSS(band_options) {
 
 // Generate bands filter card. This one is a special case.
 function generateBandsMultiToggleFilterCard(band_options) {
-    var $grid = $('<div class="row row-cols-4 g-1 mb-1">');
+    var $grid = $('<div class="row row-cols-3 row-cols-md-4 g-1 mb-1">');
     band_options.forEach(o => {
         var domSafeName = o["name"].replace(/^[^A-Za-z0-9]+|[^\w]+/gi, "");
         $grid.append(`<div class="col"><div class="form-check"><input type="checkbox" class="form-check-input filter-button-band storeable-checkbox" id="filter-button-band-${domSafeName}" value="${o['name']}" autocomplete="off" onClick="filtersUpdated()" checked> <label class="form-check-label" id="filter-button-label-band-${domSafeName}" for="filter-button-band-${domSafeName}">${o['name']}</label></div></div>`);
@@ -40,7 +40,7 @@ function setHamHFBandToggles() {
 
 // Generate SIGs filter card. This one is also a special case.
 function generateSIGsMultiToggleFilterCard(sig_options) {
-    var $grid = $('<div class="row row-cols-3 g-1 mb-1">');
+    var $grid = $('<div class="row row-cols-2 row-cols-md-3 g-1 mb-1">');
     sig_options.forEach(o => {
         var domSafeName = o["name"].replace(/^[^A-Za-z0-9]+|[^\w]+/gi, "");
         $grid.append(`<div class="col"><div class="form-check"><input type="checkbox" class="form-check-input filter-button-sig storeable-checkbox" id="filter-button-sig-${domSafeName}" value="${o['name']}" autocomplete="off" onClick="filtersUpdated()" checked><label class="form-check-label" id="filter-button-label-sig-${domSafeName}" for="filter-button-sig-${domSafeName}" title="${o['description']}"><i class="fa-solid ${sigToIcon(o['name'], 'fa-tower-cell')}"></i> ${o['name']}</label></div></div>`);
@@ -84,7 +84,7 @@ function setDigiModeToggles() {
 // set which ones are enabled by default based on config rather than having them all enabled by default. We also sanitise
 // names here for HTML elements.
 function generateSourcesMultiToggleFilterCard(source_options, sources_enabled_by_default) {
-    var $grid = $('<div class="row row-cols-3 g-1 mb-1">');
+    var $grid = $('<div class="row row-cols-2 row-cols-md-3 g-1 mb-1">');
     source_options.forEach(o => {
         var enable = sources_enabled_by_default.includes(o);
         var domSafeName = o.replace(/^[^A-Za-z0-9]+|[^\w]+/gi, "");