no hand holding

The line under every nav row, the line under every font select, and the caption
under the preview. Each explained a control to somebody who has already found
it, and the caption was wrong as well — there is no Save to press.

The nav rows are one line now, so they centre.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

web/NavPanel.tsx

@@ -45,7 +45,7 @@ import { pageParam, usePages } from './usePages';
  */
 
 const rowClass = (active: boolean) =>
-  `flex w-full items-start gap-2.5 border-b border-border px-3 py-2.5 text-left transition-colors ${
+  `flex w-full items-center gap-2.5 border-b border-border px-3 py-2.5 text-left transition-colors ${
     active ? 'bg-muted' : 'hover:bg-muted/50'
   }`;
 
@@ -64,7 +64,7 @@ export const NavPanel = () => {
 
     const body = (
       <>
-        <Icon className="mt-0.5 size-4 shrink-0 text-muted-foreground" />
+        <Icon className="size-4 shrink-0 text-muted-foreground" />
         <span className="min-w-0 flex-1">
           <span className="flex items-baseline gap-2">
             <span className={`truncate text-sm ${section.built ? '' : 'text-muted-foreground'}`}>{section.label}</span>
@@ -74,9 +74,8 @@ export const NavPanel = () => {
               <span className="text-[10px] tracking-wide text-muted-foreground/70 uppercase">soon</span>
             )}
           </span>
-          <span className="block truncate text-xs text-muted-foreground">{section.hint}</span>
         </span>
-        {locked && <Lock className="mt-0.5 size-3.5 shrink-0 text-muted-foreground/60" />}
+        {locked && <Lock className="size-3.5 shrink-0 text-muted-foreground/60" />}
       </>
     );