fix: proper alignment of the version number next to OpsLog

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} />

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. */}