From 82944b9c38570ae5e487d4243e1d851b81ed0296 Mon Sep 17 00:00:00 2001
From: Ian Renton <ian@ianrenton.com>
Date: Fri, 10 Apr 2026 08:02:45 +0100
Subject: [PATCH] Layout tweaks

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

diff --git a/templates/about.html b/templates/about.html
index 50cac74..95931df 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=1775803886"></script>
+<script src="/js/common.js?v=1775804565"></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 dd8c7f2..efbe0a9 100644
--- a/templates/add_spot.html
+++ b/templates/add_spot.html
@@ -69,8 +69,8 @@
 
 </div>
 
-<script src="/js/common.js?v=1775803886"></script>
-<script src="/js/add-spot.js?v=1775803886"></script>
+<script src="/js/common.js?v=1775804565"></script>
+<script src="/js/add-spot.js?v=1775804565"></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 250c949..850e0fb 100644
--- a/templates/alerts.html
+++ b/templates/alerts.html
@@ -56,8 +56,8 @@
 
 </div>
 
-<script src="/js/common.js?v=1775803886"></script>
-<script src="/js/alerts.js?v=1775803886"></script>
+<script src="/js/common.js?v=1775804565"></script>
+<script src="/js/alerts.js?v=1775804565"></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 00235c2..1697129 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=1775803886"></script>
-<script src="/js/spotsbandsandmap.js?v=1775803886"></script>
-<script src="/js/bands.js?v=1775803886"></script>
+<script src="/js/common.js?v=1775804565"></script>
+<script src="/js/spotsbandsandmap.js?v=1775804565"></script>
+<script src="/js/bands.js?v=1775804565"></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 060f57d..50d1114 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -46,9 +46,9 @@
             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=1775803886"></script>
-    <script src="https://misc.ianrenton.com/jsutils/ui-ham.js?v=1775803886"></script>
-    <script src="https://misc.ianrenton.com/jsutils/geo.js?v=1775803886"></script>
+    <script src="https://misc.ianrenton.com/jsutils/utils.js?v=1775804565"></script>
+    <script src="https://misc.ianrenton.com/jsutils/ui-ham.js?v=1775804565"></script>
+    <script src="https://misc.ianrenton.com/jsutils/geo.js?v=1775804565"></script>
 
 </head>
 <body>
diff --git a/templates/conditions.html b/templates/conditions.html
index 2ff9c26..274dffa 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=1775803886"></script>
-<script src="/js/conditions.js?v=1775803886"></script>
+<script src="/js/common.js?v=1775804565"></script>
+<script src="/js/conditions.js?v=1775804565"></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 14e8b50..7e85a71 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=1775803886"></script>
-<script src="/js/spotsbandsandmap.js?v=1775803886"></script>
-<script src="/js/map.js?v=1775803886"></script>
+<script src="/js/common.js?v=1775804565"></script>
+<script src="/js/spotsbandsandmap.js?v=1775804565"></script>
+<script src="/js/map.js?v=1775804565"></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 523dcfb..7cac866 100644
--- a/templates/spots.html
+++ b/templates/spots.html
@@ -90,9 +90,9 @@
 <script>
     let spotProvidersEnabledByDefault = {% raw json_encode(web_ui_options["spot-providers-enabled-by-default"]) %};
 </script>
-<script src="/js/common.js?v=1775803886"></script>
-<script src="/js/spotsbandsandmap.js?v=1775803886"></script>
-<script src="/js/spots.js?v=1775803886"></script>
+<script src="/js/common.js?v=1775804565"></script>
+<script src="/js/spotsbandsandmap.js?v=1775804565"></script>
+<script src="/js/spots.js?v=1775804565"></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 0dbd0d4..94cdf6c 100644
--- a/templates/status.html
+++ b/templates/status.html
@@ -59,8 +59,8 @@
     </div>
 </div>
 
-<script src="/js/common.js?v=1775803886"></script>
-<script src="/js/status.js?v=1775803886"></script>
+<script src="/js/common.js?v=1775804565"></script>
+<script src="/js/status.js?v=1775804565"></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 171d794..5a4ab37 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-3 row-cols-md-4 g-1 mb-1">');
+    var $grid = $('<div class="row row-cols-3 row-cols-md-2 row-cols-lg-3 row-cols-xxl-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-2 row-cols-md-3 g-1 mb-1">');
+    var $grid = $('<div class="row row-cols-2 row-cols-xxl-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>`);
@@ -53,7 +53,7 @@ function generateSIGsMultiToggleFilterCard(sig_options) {
 
 // Generate modes filter card. This one is also a special case.
 function generateModesMultiToggleFilterCard(mode_options) {
-    var $grid = $('<div class="row row-cols-3 g-1 mb-1">');
+    var $grid = $('<div class="row row-cols-3 row-cols-md-2 row-cols-lg-3 g-1 mb-1">');
     mode_options.forEach(o => {
         var domSafeName = o.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-mode storeable-checkbox" id="filter-button-mode-${domSafeName}" value="${o}" autocomplete="off" onClick="filtersUpdated()" checked><label class="form-check-label" id="filter-button-label-mode-${domSafeName}" for="filter-button-mode-${domSafeName}">${o}</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-2 row-cols-md-3 g-1 mb-1">');
+    var $grid = $('<div class="row row-cols-2 row-cols-xxl-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, "");