From cb824d20ec038fb64c2161f485505fca3e2b98e7 Mon Sep 17 00:00:00 2001
From: Stan Grams <sjg@haxx.space>
Date: Fri, 13 Mar 2026 15:48:28 +0100
Subject: [PATCH] [fix](trx-frontend-http): separate map corner controls

Co-authored-by: OpenAI Codex <codex@openai.com>
Signed-off-by: Stan Grams <sjg@haxx.space>
---
 .../trx-frontend-http/assets/web/index.html      |  6 ++++--
 .../trx-frontend-http/assets/web/style.css       | 16 +++++++++-------
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/index.html b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/index.html
index 19f187a..5752f0f 100644
--- a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/index.html
+++ b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/index.html
@@ -694,8 +694,10 @@
             </div>
           </div>
         </div>
-        <button type="button" id="map-fullscreen-btn" class="map-fullscreen-btn">Fullscreen</button>
-        <button type="button" id="map-overlay-toggle-btn" class="map-overlay-toggle-btn">Hide Filters</button>
+        <div class="map-corner-controls">
+          <button type="button" id="map-fullscreen-btn" class="map-fullscreen-btn">Fullscreen</button>
+          <button type="button" id="map-overlay-toggle-btn" class="map-overlay-toggle-btn">Hide Filters</button>
+        </div>
         <div id="aprs-map"></div>
       </div>
     </div>
diff --git a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
index 1c0638b..2778a55 100644
--- a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
+++ b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
@@ -1262,11 +1262,17 @@ small { color: var(--text-muted); }
   transform: translateY(-0.25rem);
   pointer-events: none;
 }
-.map-fullscreen-btn {
+.map-corner-controls {
   position: absolute;
   top: 0.7rem;
   right: 0.7rem;
   z-index: 410;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 0.4rem;
+}
+.map-fullscreen-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1288,10 +1294,6 @@ small { color: var(--text-muted); }
   color: var(--text-heading);
 }
 .map-overlay-toggle-btn {
-  position: absolute;
-  top: 3rem;
-  right: 0.7rem;
-  z-index: 410;
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -2315,8 +2317,8 @@ button:focus-visible, input:focus-visible, select:focus-visible {
     padding: 0.6rem 0.65rem;
     border-radius: 0.7rem;
   }
-  .map-overlay-toggle-btn {
-    top: 3rem;
+  .map-corner-controls {
+    top: 0.55rem;
     right: 0.55rem;
   }
   .map-locator-filter-group {