fix: improve tab close button usability

- Change cursor to default arrow when hovering close button
- Increase clickable area with more padding
- Add subtle background highlight on hover

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
arkon
2026-01-29 12:49:44 +01:00
co-authored by Claude Opus 4.5
parent db20f4f63d
commit e92ae7c3ce
3 changed files with 6 additions and 3 deletions
+1 -1
View File
@@ -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.1427 (must match `package.json`)
**Version**: 0.1428 (must match `package.json`)
## Project Overview
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "claudeman",
"version": "0.1427",
"version": "0.1428",
"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",
+4 -1
View File
@@ -166,6 +166,8 @@ body {
line-height: 1;
color: var(--text-muted);
overflow: hidden;
cursor: default;
border-radius: 3px;
/* Performance: use transform for GPU acceleration */
transition: opacity 0.15s ease-out, width 0.15s ease-out, padding 0.15s ease-out;
}
@@ -173,11 +175,12 @@ body {
.session-tab:hover .tab-close {
opacity: 1;
width: auto;
padding: 0 0.2rem;
padding: 0.15rem 0.35rem;
}
.session-tab .tab-close:hover {
color: var(--red);
background: rgba(255, 255, 255, 0.1);
}
.session-tab.new-tab {