From a9dcdec5bf6c74b932c17a637ed24d2b66c90019 Mon Sep 17 00:00:00 2001
From: Szymon Porwolik <szporwolik@gmail.com>
Date: Mon, 3 Nov 2025 00:14:20 +0100
Subject: [PATCH] Improved behavior at small screens

---
 assets/css/bandmap_list.css        | 120 ++++++++++++++++++++++++++++-
 assets/js/sections/bandmap_list.js |   7 ++
 2 files changed, 126 insertions(+), 1 deletion(-)

diff --git a/assets/css/bandmap_list.css b/assets/css/bandmap_list.css
index 42857e233..e31f837a3 100644
--- a/assets/css/bandmap_list.css
+++ b/assets/css/bandmap_list.css
@@ -584,6 +584,7 @@ body.fullscreen-active {
 .menu-bar {
 	margin-top: 5px;
 	margin-bottom: 5px;
+	overflow: visible;
 }
 
 /* Ensure CAT Control and search box stay right-aligned when wrapping */
@@ -591,6 +592,12 @@ body.fullscreen-active {
 	justify-content: flex-end;
 }
 
+/* Ensure all menu rows wrap properly and show all content */
+.menu-bar .d-flex {
+	overflow: visible;
+	min-height: fit-content;
+}
+
 .card-body.pt-1 {
 	padding-left: 15px;
 	padding-right: 15px;
@@ -710,6 +717,54 @@ select[multiple] option:checked {
 		min-height: 100px;
 		max-height: 150px;
 	}
+
+	/* Status bar and search on smaller screens */
+	.status-bar {
+		font-size: 0.8rem;
+		padding: 5px 10px;
+	}
+
+	.status-bar-inner {
+		gap: 10px;
+	}
+
+	.status-bar-right {
+		min-width: 80px;
+		font-size: 0.75rem;
+	}
+
+	/* Ensure menu rows wrap properly */
+	.menu-bar .d-flex {
+		overflow: visible !important;
+	}
+
+	/* Reduce card-body padding on tablets */
+	.card-body.pt-1 {
+		padding-left: 10px;
+		padding-right: 10px;
+	}
+
+	/* Make buttons smaller on tablets */
+	.btn-sm {
+		font-size: 0.75rem;
+		padding: 0.15rem 0.35rem;
+	}
+
+	/* Hide text labels in quick filter buttons on tablets - icons only */
+	#toggleLotwFilter .d-none.d-sm-inline,
+	#toggleNewContinentFilter .d-none.d-sm-inline,
+	#toggleDxccNeededFilter .d-none.d-sm-inline,
+	#toggleNewCallsignFilter .d-none.d-sm-inline,
+	#toggleContestFilter .d-none.d-sm-inline,
+	#toggleGeoHunterFilter .d-none.d-sm-inline,
+	#toggleFreshFilter .d-none.d-sm-inline {
+		display: none !important;
+	}
+
+	/* Reduce gap between button groups */
+	.menu-bar .d-flex {
+		gap: 0.3rem !important;
+	}
 }
 
 @media (max-width: 576px) {
@@ -717,4 +772,67 @@ select[multiple] option:checked {
 		min-height: 150px;
 		max-height: 300px;
 	}
-}
\ No newline at end of file
+
+	/* Reduce card-body padding on mobile */
+	.card-body.pt-1 {
+		padding-left: 5px;
+		padding-right: 5px;
+	}
+
+	/* Stack status bar and search vertically on mobile */
+	.menu-bar > div:last-child > div:first-child {
+		flex: 1 1 100% !important;
+		max-width: 100% !important;
+		margin-bottom: 0.5rem;
+	}
+
+	.menu-bar > div:last-child .input-group {
+		flex: 1 1 100% !important;
+		max-width: 100% !important;
+	}
+
+	/* Make buttons even smaller on mobile */
+	.btn-sm {
+		font-size: 0.7rem;
+		padding: 0.1rem 0.25rem;
+	}
+
+	/* Hide text labels on quick filter buttons - show icons only */
+	.d-none.d-sm-inline {
+		display: none !important;
+	}
+
+	/* Reduce gap between elements */
+	.menu-bar .d-flex {
+		gap: 0.2rem !important;
+	}
+
+	.menu-bar .d-flex.gap-2 {
+		gap: 0.2rem !important;
+	}
+
+	/* Reduce button group spacing */
+	.btn-group {
+		gap: 0px;
+	}
+
+	.btn-group .btn {
+		margin: 0;
+	}
+
+	/* Ensure all rows in menu wrap properly */
+	.menu-bar > div {
+		overflow: visible !important;
+		min-height: auto !important;
+	}
+
+	/* Reduce status bar font size further */
+	.status-bar {
+		font-size: 0.7rem;
+		padding: 3px 6px;
+	}
+
+	.status-bar-right {
+		margin-left: 5px;
+	}
+}
diff --git a/assets/js/sections/bandmap_list.js b/assets/js/sections/bandmap_list.js
index 29aa2e944..aa753cdc1 100644
--- a/assets/js/sections/bandmap_list.js
+++ b/assets/js/sections/bandmap_list.js
@@ -1990,9 +1990,16 @@ $(function() {
 		// Build message object with backward compatibility
 		let message = {
 			frequency: qrg,
+			frequency_rx: "", // Default empty for non-split operation
 			call: call
 		};
 
+		// If radio is in split mode, include the RX frequency
+		if (window.lastCATData && window.lastCATData.frequency_rx) {
+			message.frequency_rx = window.lastCATData.frequency_rx;
+			console.log('Split mode detected, RX frequency:', message.frequency_rx);
+		}
+
 		// Add reference fields if available (backward compatible - only if spotData exists)
 		if (spotData && spotData.dxcc_spotted) {
 			console.log('Building message with spot data:', spotData.dxcc_spotted);