fix: center gear icon in mobile session tabs

- Increase min-width and height for better touch target
- Add align-items/justify-content for proper centering
- Adjust padding for balanced appearance

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

package.json

@@ -1,6 +1,6 @@
 {
   "name": "claudeman",
-  "version": "0.1463",
+  "version": "0.1464",
   "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,14 +8044,16 @@ kbd {
     display: none;
   }
 
-  /* Only show close/gear buttons on active tab - smaller gear */
+  /* Only show close/gear buttons on active tab - properly sized for mobile */
   .session-tab.active .tab-close,
   .session-tab.active .tab-gear {
     display: inline-flex;
-    font-size: 0.55rem;
-    padding: 0.02rem 0.1rem;
-    min-width: 14px;
-    height: 14px;
+    align-items: center;
+    justify-content: center;
+    font-size: 0.7rem;
+    padding: 0.15rem 0.25rem;
+    min-width: 20px;
+    height: 20px;
   }
 
   /* Clean dark toolbar - positioned near bottom */
@@ -8555,7 +8557,9 @@ kbd {
   .session-tab .tab-gear {
     opacity: 1;
     width: auto;
-    padding: 0.2rem 0.4rem;
+    padding: 0.15rem 0.25rem;
+    align-items: center;
+    justify-content: center;
   }
 
   /* Simplify button hover states */