From 8fccfa29b10bb19c6a16f114a94929e6b94c7d27 Mon Sep 17 00:00:00 2001
From: Gregory Salaun <legreg002@hotmail.com>
Date: Thu, 13 Aug 2026 11:48:59 +0200
Subject: [PATCH] fix(rotator): the SP/LP readout goes BELOW the dial

The wrapper around the svg was a flex ROW, so a sibling landed beside the
compass instead of under it. Column, and the readout spans the full width.
---
 app.go                                   | 5 +++--
 frontend/src/components/RotorCompass.tsx | 6 ++++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/app.go b/app.go
index 589ba9a..ed03794 100644
--- a/app.go
+++ b/app.go
@@ -1406,8 +1406,9 @@ func (a *App) startup(ctx context.Context) {
 	// Anonymous usage heartbeat (once/day) so we can gauge active users. No-op
 	// when disabled in Preferences or until the PostHog key is configured.
 	go a.sendTelemetryHeartbeat()
-	go a.liveStatusLoop() // multi-op: heartbeat current activity to shared MySQL
-	go a.chatLoop()       // multi-op: poll the shared chat + heartbeat presence
+	go a.liveStatusLoop()  // multi-op: heartbeat current activity to shared MySQL
+	go a.chatLoop()        // multi-op: poll the shared chat + heartbeat presence
+	go a.hrdlogOnAirLoop() // publish frequency/mode/rig on hrdlog.net when enabled
 	// Locator store BEFORE the feed: the feed asks whether it exists to decide
 	// which bands to subscribe to.
 	a.startGridCache()
diff --git a/frontend/src/components/RotorCompass.tsx b/frontend/src/components/RotorCompass.tsx
index f156581..fe05add 100644
--- a/frontend/src/components/RotorCompass.tsx
+++ b/frontend/src/components/RotorCompass.tsx
@@ -128,7 +128,9 @@ export function RotorCompass({ bearing, headings, boomHeading, pattern, centerLa
         </div>
       )}
 
-      <div className="flex items-center justify-center p-2 min-h-0">
+      {/* flex-col: the readout goes BELOW the dial. This wrapper was a row, so a
+          sibling of the <svg> landed beside it. */}
+      <div className="flex flex-col items-center justify-center p-2 min-h-0">
         <svg
           viewBox={`0 0 ${SIZE} ${SIZE}`}
           className={onGoto ? 'cursor-pointer select-none' : 'select-none'}
@@ -196,7 +198,7 @@ export function RotorCompass({ bearing, headings, boomHeading, pattern, centerLa
             Here because it belongs to the compass: every place that draws one
             gets the readout, instead of each caller inventing its own.
             Clickable when the caller can turn, like the status bar's. */}
-        <div className="flex gap-1.5 mt-2 font-mono">
+        <div className="flex gap-1.5 mt-2 font-mono w-full">
           {([['SP', bearing ?? null], ['LP', bearing == null ? null : (bearing + 180) % 360]] as const).map(([lbl, az]) => (
             <button key={lbl} type="button" disabled={az == null || !onGoto}
               onClick={() => { if (az != null && onGoto) onGoto(Math.round(az)); }}