From e92ae7c3ce6beb63b2d0c3ada4c352ef3016e593 Mon Sep 17 00:00:00 2001
From: arkon <arkon.85@hotmail.com>
Date: Thu, 29 Jan 2026 12:49:44 +0100
Subject: [PATCH] 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>
---
 CLAUDE.md                 | 2 +-
 package.json              | 2 +-
 src/web/public/styles.css | 5 ++++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/CLAUDE.md b/CLAUDE.md
index 8bc2b0cd..917ed1d7 100644
--- a/CLAUDE.md
+++ b/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.1427 (must match `package.json`)
+**Version**: 0.1428 (must match `package.json`)
 
 ## Project Overview
 
diff --git a/package.json b/package.json
index a2acb2f2..77ffed33 100644
--- a/package.json
+++ b/package.json
@@ -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",
diff --git a/src/web/public/styles.css b/src/web/public/styles.css
index 1186c542..897f83eb 100644
--- a/src/web/public/styles.css
+++ b/src/web/public/styles.css
@@ -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 {