diff --git a/templates/about.html b/templates/about.html
index 010d2cd..a3b21c4 100644
--- a/templates/about.html
+++ b/templates/about.html
@@ -69,7 +69,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=1778341969"></script>
+<script src="/js/common.js?v=1778343015"></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 d881d1b..ab79781 100644
--- a/templates/add_spot.html
+++ b/templates/add_spot.html
@@ -69,8 +69,8 @@
 
 </div>
 
-<script src="/js/common.js?v=1778341969"></script>
-<script src="/js/add-spot.js?v=1778341969"></script>
+<script src="/js/common.js?v=1778343015"></script>
+<script src="/js/add-spot.js?v=1778343015"></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 4eb2dd7..cb8ae99 100644
--- a/templates/alerts.html
+++ b/templates/alerts.html
@@ -8,7 +8,7 @@
         </div>
         <div class="col-auto">
             <div class="d-inline-flex gap-1">
-                {% module Template("widgets/filters-display-buttons.html", web_ui_options=web_ui_options) %}
+                {% module Template("widgets/filters-display-data-buttons.html", web_ui_options=web_ui_options) %}
             </div>
         </div>
     </div>
@@ -70,8 +70,8 @@
 
 </div>
 
-<script src="/js/common.js?v=1778341969"></script>
-<script src="/js/alerts.js?v=1778341969"></script>
+<script src="/js/common.js?v=1778343015"></script>
+<script src="/js/alerts.js?v=1778343015"></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 a5ed41c..b3e9667 100644
--- a/templates/bands.html
+++ b/templates/bands.html
@@ -8,7 +8,7 @@
         </div>
         <div class="col-auto">
             <div class="d-inline-flex gap-1">
-                {% module Template("widgets/filters-display-buttons.html", web_ui_options=web_ui_options) %}
+                {% module Template("widgets/filters-display-data-buttons.html", web_ui_options=web_ui_options) %}
             </div>
         </div>
     </div>
@@ -76,9 +76,9 @@
 <script>
     let spotProvidersEnabledByDefault = {% raw json_encode(web_ui_options["spot-providers-enabled-by-default"]) %};
 </script>
-<script src="/js/common.js?v=1778341969"></script>
-<script src="/js/spotsbandsandmap.js?v=1778341969"></script>
-<script src="/js/bands.js?v=1778341969"></script>
+<script src="/js/common.js?v=1778343015"></script>
+<script src="/js/spotsbandsandmap.js?v=1778343015"></script>
+<script src="/js/bands.js?v=1778343015"></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 d379c93..85cf69e 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -24,7 +24,7 @@
 
     <title>Spothole</title>
 
-    <link rel="stylesheet" href="/css/style.css?v=1778341969" type="text/css">
+    <link rel="stylesheet" href="/css/style.css?v=1778343015" type="text/css">
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet"
           integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
     <link href="/fa/css/fontawesome.min.css" rel="stylesheet" />
@@ -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=1778341969"></script>
-    <script src="https://misc.ianrenton.com/jsutils/ui-ham.js?v=1778341969"></script>
-    <script src="https://misc.ianrenton.com/jsutils/geo.js?v=1778341969"></script>
+    <script src="https://misc.ianrenton.com/jsutils/utils.js?v=1778343015"></script>
+    <script src="https://misc.ianrenton.com/jsutils/ui-ham.js?v=1778343015"></script>
+    <script src="https://misc.ianrenton.com/jsutils/geo.js?v=1778343015"></script>
 
 </head>
 <body>
diff --git a/templates/conditions.html b/templates/conditions.html
index 8c2632a..8ec28eb 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=1778341969"></script>
-<script src="/js/conditions.js?v=1778341969"></script>
+<script src="/js/common.js?v=1778343015"></script>
+<script src="/js/conditions.js?v=1778343015"></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 ebc21f3..96b18de 100644
--- a/templates/map.html
+++ b/templates/map.html
@@ -7,7 +7,7 @@
             <div class="col-auto me-auto pt-3"></div>
             <div class="col-auto">
                 <div class="d-inline-flex gap-1">
-                    {% module Template("widgets/filters-display-buttons.html", web_ui_options=web_ui_options) %}
+                    {% module Template("widgets/filters-display-data-buttons.html", web_ui_options=web_ui_options) %}
                 </div>
             </div>
         </div>
@@ -93,9 +93,9 @@
 <script>
     let spotProvidersEnabledByDefault = {% raw json_encode(web_ui_options["spot-providers-enabled-by-default"]) %};
 </script>
-<script src="/js/common.js?v=1778341968"></script>
-<script src="/js/spotsbandsandmap.js?v=1778341968"></script>
-<script src="/js/map.js?v=1778341968"></script>
+<script src="/js/common.js?v=1778343015"></script>
+<script src="/js/spotsbandsandmap.js?v=1778343015"></script>
+<script src="/js/map.js?v=1778343015"></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 11b2cfd..4beb2c4 100644
--- a/templates/spots.html
+++ b/templates/spots.html
@@ -19,7 +19,7 @@
         <div class="col-md-8 text-end">
             <div class="d-inline-flex gap-3">
                 {% module Template("widgets/search.html", web_ui_options=web_ui_options) %}
-                {% module Template("widgets/filters-display-buttons.html", web_ui_options=web_ui_options) %}
+                {% module Template("widgets/filters-display-data-buttons.html", web_ui_options=web_ui_options) %}
             </div>
         </div>
     </div>
@@ -104,9 +104,9 @@
 <script>
     let spotProvidersEnabledByDefault = {% raw json_encode(web_ui_options["spot-providers-enabled-by-default"]) %};
 </script>
-<script src="/js/common.js?v=1778341969"></script>
-<script src="/js/spotsbandsandmap.js?v=1778341969"></script>
-<script src="/js/spots.js?v=1778341969"></script>
+<script src="/js/common.js?v=1778343015"></script>
+<script src="/js/spotsbandsandmap.js?v=1778343015"></script>
+<script src="/js/spots.js?v=1778343015"></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 ec26f90..aa19a88 100644
--- a/templates/status.html
+++ b/templates/status.html
@@ -59,8 +59,8 @@
     </div>
 </div>
 
-<script src="/js/common.js?v=1778341969"></script>
-<script src="/js/status.js?v=1778341969"></script>
+<script src="/js/common.js?v=1778343015"></script>
+<script src="/js/status.js?v=1778343015"></script>
 <script>
     $(document).ready(function() { $("#nav-link-status").addClass("active"); }); <!-- highlight active page in nav -->
 </script>
diff --git a/templates/widgets/filters-display-buttons.html b/templates/widgets/filters-display-data-buttons.html
similarity index 58%
rename from templates/widgets/filters-display-buttons.html
rename to templates/widgets/filters-display-data-buttons.html
index 54b021e..7e8212d 100644
--- a/templates/widgets/filters-display-buttons.html
+++ b/templates/widgets/filters-display-data-buttons.html
@@ -1,5 +1,5 @@
 <div class="d-inline-flex gap-1">
-    <button id="filters-button" type="button" class="btn btn-outline-secondary" data-bs-toggle="button" onclick="toggleFiltersPanel();"><i class="fa-solid fa-filter"></i>&nbsp;Filters</button>
-    <button id="display-button" type="button" class="btn btn-outline-secondary" data-bs-toggle="button" onclick="toggleDisplayPanel();"><i class="fa-solid fa-desktop"></i>&nbsp;Display</button>
-    <button id="data-button" type="button" class="btn btn-outline-secondary" data-bs-toggle="button" onclick="toggleDataPanel();"><i class="fa-solid fa-database"></i>&nbsp;Data</button>
+    <button id="filters-button" type="button" class="btn btn-outline-secondary" data-bs-toggle="button" onclick="toggleFiltersPanel();"><i class="fa-solid fa-filter"></i><span class="hideonmobile">&nbsp;Filters</span></button>
+    <button id="display-button" type="button" class="btn btn-outline-secondary" data-bs-toggle="button" onclick="toggleDisplayPanel();"><i class="fa-solid fa-desktop"></i><span class="hideonmobile">&nbsp;Display</span></button>
+    <button id="data-button" type="button" class="btn btn-outline-secondary" data-bs-toggle="button" onclick="toggleDataPanel();"><i class="fa-solid fa-database"></i><span class="hideonmobile">&nbsp;Your data</span></button>
 </div>
\ No newline at end of file