From 446888a330b47176dc492abcb6433e9401f72848 Mon Sep 17 00:00:00 2001
From: rouggy <legreg002@hotmail.com>
Date: Tue, 7 Jul 2026 21:41:35 +0200
Subject: [PATCH] fix: proper alignment of the version number next to OpsLog

---
 frontend/src/App.tsx                  | 6 ++++--
 frontend/src/components/FlexPanel.tsx | 8 +++++---
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 8b0b98a..f767f10 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -3173,8 +3173,10 @@ export default function App() {
         <header className="grid grid-cols-[auto_auto_1fr_auto_auto] items-center gap-4 px-4 h-12 bg-card/95 backdrop-blur border-b border-border shrink-0 shadow-sm">
           <div className="flex items-center gap-2 pr-2 border-r border-border/60">
             <div className="size-2.5 rounded-full bg-gradient-to-br from-primary to-orange-400 shadow-[0_0_0_3px_rgba(234,88,12,0.18)]" />
-            <span className="font-bold text-[15px] tracking-tight">OpsLog</span>
-            <span className="text-[11px] text-muted-foreground cursor-pointer hover:text-foreground" onClick={() => setShowAbout(true)} title="About OpsLog">v{APP_VERSION}</span>
+            <div className="flex items-baseline gap-1.5">
+              <span className="font-bold text-[15px] tracking-tight leading-none">OpsLog</span>
+              <span className="text-[11px] text-muted-foreground leading-none cursor-pointer hover:text-foreground" onClick={() => setShowAbout(true)} title="About OpsLog">v{APP_VERSION}</span>
+            </div>
           </div>
 
           <Menubar menus={menus} onAction={handleMenu} />
diff --git a/frontend/src/components/FlexPanel.tsx b/frontend/src/components/FlexPanel.tsx
index 1512caa..919da86 100644
--- a/frontend/src/components/FlexPanel.tsx
+++ b/frontend/src/components/FlexPanel.tsx
@@ -295,9 +295,11 @@ export function FlexPanel({ onCWSpeed, onReportRST }: { onCWSpeed?: (wpm: number
                   sl.active ? 'border-info bg-info/10 ring-1 ring-info' : 'border-border bg-card hover:bg-muted')}>
                 <span className={cn('inline-flex size-6 items-center justify-center rounded-md text-sm font-extrabold',
                   sl.active ? 'bg-info text-info-foreground' : 'bg-muted text-muted-foreground')}>{sl.letter}</span>
-                <span className="font-mono font-bold tabular-nums text-sm">{(sl.freq_hz / 1e6).toFixed(3)}</span>
-                <span className="text-[11px] text-muted-foreground uppercase">{sl.mode}</span>
-                {sl.band ? <span className="text-[10px] text-muted-foreground">{sl.band}</span> : null}
+                <span className="flex items-baseline gap-1.5">
+                  <span className="font-mono font-bold tabular-nums text-sm leading-none">{(sl.freq_hz / 1e6).toFixed(3)}</span>
+                  <span className="text-[11px] text-muted-foreground uppercase leading-none">{sl.mode}</span>
+                  {sl.band ? <span className="text-[10px] text-muted-foreground leading-none">{sl.band}</span> : null}
+                </span>
                 {/* TX badge — click a non-TX slice's badge to move TX onto it
                     (e.g. transmit on the active slice). stopPropagation so it
                     doesn't also fire the outer "make active" click. */}