From 9241a26a47dd1f0d90d5c5e9ea7c1ca341ef2de8 Mon Sep 17 00:00:00 2001
From: Ian Renton <ian@ianrenton.com>
Date: Sat, 31 Jan 2026 22:24:46 +0000
Subject: [PATCH] Mobile layout tweaks

---
 templates/spots.html             | 4 ++--
 templates/widgets/run-pause.html | 4 ++--
 webassets/css/style.css          | 2 +-
 webassets/js/spots.js            | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/templates/spots.html b/templates/spots.html
index 75ce492..a232f16 100644
--- a/templates/spots.html
+++ b/templates/spots.html
@@ -10,13 +10,13 @@
 
 <div class="mt-3">
     <div id="settingsButtonRow" class="row mb-3">
-        <div class="col-4">
+        <div class="col-md-4 mb-3 mb-md-0">
             <div class="d-inline-flex gap-3">
                 {% module Template("widgets/run-pause.html", web_ui_options=web_ui_options) %}
                 <div class="d-inline-flex">{% raw web_ui_options["support-button-html"] %}</div>
             </div>
         </div>
-        <div class="col-8 text-end">
+        <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) %}
diff --git a/templates/widgets/run-pause.html b/templates/widgets/run-pause.html
index 15dc25b..51e3c65 100644
--- a/templates/widgets/run-pause.html
+++ b/templates/widgets/run-pause.html
@@ -1,7 +1,7 @@
 <span class="btn-group" role="group">
   <input type="radio" class="btn-check" name="runPause" id="runButton" autocomplete="off" checked>
-    <label class="btn btn-outline-primary" for="runButton"><i class="fa-solid fa-play"></i><span class="hideonmobile">&nbsp;Run</span></label>
+    <label class="btn btn-outline-primary" for="runButton"><i class="fa-solid fa-play"></i>&nbsp;Run</label>
 
   <input type="radio" class="btn-check" name="runPause" id="pauseButton" autocomplete="off">
-    <label class="btn btn-outline-primary" for="pauseButton"><i class="fa-solid fa-pause"></i><span class="hideonmobile">&nbsp;Pause</span></label>
+    <label class="btn btn-outline-primary" for="pauseButton"><i class="fa-solid fa-pause"></i>&nbsp;Pause</label>
 </span>
\ No newline at end of file
diff --git a/webassets/css/style.css b/webassets/css/style.css
index c3c5200..60a00d9 100644
--- a/webassets/css/style.css
+++ b/webassets/css/style.css
@@ -87,7 +87,7 @@ input#search {
 
 i#searchicon {
     position: absolute;
-    left: 1rem;
+    left: 0rem;
     top: 2px;
     padding: 10px;
     pointer-events: none;
diff --git a/webassets/js/spots.js b/webassets/js/spots.js
index c98d166..727193d 100644
--- a/webassets/js/spots.js
+++ b/webassets/js/spots.js
@@ -318,7 +318,7 @@ function createNewTableRowsForSpot(s, highlightNew) {
     var bandFullName = s['band'] ? s['band'] + " band": "Unknown band";
 
     // Format "worked" checkbox
-    var workedCheckbox = `<input type="checkbox" ${alreadyWorkedThis ? "checked" : ""} onClick="setWorkedState('${s['dx_call']}', '${s['band']}', '${s['mode']}', ${alreadyWorkedThis ? "false" : "true"});">`;
+    var workedCheckbox = `<input type="checkbox" ${alreadyWorkedThis ? "checked" : ""} onClick="setWorkedState('${s['dx_call']}', '${s['band']}', '${s['mode']}', ${alreadyWorkedThis ? "false" : "true"});" title="Check this box to record that you have worked this callsign on their current band and mode.">`;
 
     // Populate the row
     if (showTime) {