BitSquare/Codeman
2
0
Fork 0
mirror of https://github.com/Ark0N/Codeman.git synced 2026-10-09 00:49:41 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: perfect vertical alignment of gear and X icons on mobile tabs

Browse Source 
- Use consistent 20x20px boxes for both icons
- Remove position offsets, rely on flexbox centering
- Increase gear font-size to 0.7rem for better visibility

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
arkon
2026-01-31 16:04:13 +01:00
co-authored by Claude Opus 4.5
parent dfb8937ba4
commit 824a79413e
7 changed files with 16 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
CLAUDE.md
+1 -1
View File
@@ -16,7 +16,7 @@ When user says "COM":
1. Increment version in BOTH `package.json` AND `CLAUDE.md` 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` 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.1466 (must match `package.json` for npm publish) **Version**: 0.1467 (must match `package.json` for npm publish)
## Project Overview ## Project Overview
docs/screenshots/mobile-keyboard-visible.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 166 KiB

After

Width:  |  Height:  |  Size: 200 KiB

docs/screenshots/mobile-no-keyboard.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 215 KiB

After

Width:  |  Height:  |  Size: 390 KiB

docs/screenshots/mobile-toolbar-above-keyboard.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.5 KiB

After

Width:  |  Height:  |  Size: 7.5 KiB

docs/screenshots/mobile-with-keyboard.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 214 KiB

After

Width:  |  Height:  |  Size: 247 KiB

package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "claudeman", "name": "claudeman",
"version": "0.1466", "version": "0.1467",
"description": "The missing control plane for Claude Code - run 20 autonomous agents with real-time monitoring and session persistence", "description": "The missing control plane for Claude Code - run 20 autonomous agents with real-time monitoring and session persistence",
"type": "module", "type": "module",
"main": "dist/index.js", "main": "dist/index.js",
src/web/public/styles.css
+14 -12
View File
@@ -8044,29 +8044,31 @@ kbd {
display: none; display: none;
} }
/* Gear icon on active tab - smaller, pushed right */ /* Gear icon on active tab - smaller, pushed right, vertically centered */
.session-tab.active .tab-gear { .session-tab.active .tab-gear {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 0.55rem; font-size: 0.7rem;
padding: 0.1rem 0.2rem; line-height: 1;
min-width: 16px; padding: 0;
height: 16px; width: 20px;
height: 20px;
margin-left: auto; margin-left: auto;
margin-right: -2px; margin-right: 0;
} }
/* Close button on active tab - larger, tight to gear */ /* Close button on active tab - larger, tight to gear, vertically centered */
.session-tab.active .tab-close { .session-tab.active .tab-close {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 0.85rem; font-size: 1rem;
padding: 0.2rem 0.3rem; line-height: 1;
min-width: 24px; padding: 0;
height: 24px; width: 20px;
margin-left: -2px; height: 20px;
margin-left: 2px;
} }
/* Clean dark toolbar - positioned near bottom */ /* Clean dark toolbar - positioned near bottom */