fix: make gear icon tiny, X larger on mobile tabs

- Gear: 0.5rem font, 12x12px, 60% opacity (subtle)
- X: 0.9rem font, 18x16px (prominent for tapping)
- 6px gap between icons

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.1467 (must match `package.json` for npm publish)
+**Version**: 0.1468 (must match `package.json` for npm publish)
 
 ## Project Overview
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "claudeman",
-  "version": "0.1467",
+  "version": "0.1468",
   "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

@@ -8044,31 +8044,29 @@ kbd {
     display: none;
   }
 
-  /* Gear icon on active tab - smaller, pushed right, vertically centered */
+  /* Gear icon on active tab - tiny, subtle */
   .session-tab.active .tab-gear {
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    font-size: 0.7rem;
+    font-size: 0.5rem;
     line-height: 1;
-    padding: 0;
-    width: 20px;
-    height: 20px;
+    width: 12px;
+    height: 12px;
     margin-left: auto;
-    margin-right: 0;
+    opacity: 0.6;
   }
 
-  /* Close button on active tab - larger, tight to gear, vertically centered */
+  /* Close button on active tab - prominent for easy tapping */
   .session-tab.active .tab-close {
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    font-size: 1rem;
+    font-size: 0.9rem;
     line-height: 1;
-    padding: 0;
-    width: 20px;
-    height: 20px;
-    margin-left: 2px;
+    width: 18px;
+    height: 16px;
+    margin-left: 6px;
   }
 
   /* Clean dark toolbar - positioned near bottom */