fix: allow font controls to be shown on mobile when enabled

- Remove display:none from mobile CSS for font controls
- Let JS control visibility based on user setting
- Add compact styling for font controls on tablet/phone

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

CLAUDE.md

@@ -16,7 +16,7 @@ When user says "COM":
 1. Increment version in BOTH `package.json` AND `CLAUDE.md`
 2. Run: `git add -A && git commit -m "chore: bump version to X.XXXX" && git push && npm run build && systemctl --user restart claudeman-web`
 
-**Version**: 0.1470 (must match `package.json` for npm publish)
+**Version**: 0.1471 (must match `package.json` for npm publish)
 
 ## Project Overview
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "claudeman",
-  "version": "0.1470",
+  "version": "0.1471",
   "description": "The missing control plane for Claude Code - run 20 autonomous agents with real-time monitoring and session persistence",
   "type": "module",
   "main": "dist/index.js",

src/web/public/styles.css

@@ -7822,9 +7822,15 @@ kbd {
     margin-top: calc(54px + var(--safe-area-top));
   }
 
-  /* Hide some header elements on tablet for more space */
+  /* Font controls - smaller on tablet, visibility controlled by JS */
   .header-font-controls {
-    display: none;
+    gap: 0.15rem;
+    padding: 0.15rem 0.25rem;
+  }
+
+  .header-font-controls .btn-icon-sm {
+    width: 18px;
+    height: 18px;
   }
 
   .header-system-stats {
@@ -7913,9 +7919,20 @@ kbd {
     display: none;
   }
 
-  /* Hide font controls on phones */
+  /* Font controls - compact on phones, visibility controlled by JS */
   .header-font-controls {
-    display: none;
+    gap: 0.1rem;
+    padding: 0.1rem 0.2rem;
+  }
+
+  .header-font-controls .btn-icon-sm {
+    width: 16px;
+    height: 16px;
+  }
+
+  .header-font-controls .font-size-display {
+    font-size: 0.6rem;
+    min-width: 14px;
   }
 
   /* Hide system stats on phones */