ui: keep action log on right side, improve detection status readability

- Revert timers row to horizontal layout (timers left, action log right)
- Make detection status text more readable:
  - Larger font (0.75rem)
  - Better contrast (--text color)
  - Semi-bold weight
  - Subtle background pill

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
arkon
2026-01-25 20:02:29 +01:00
co-authored by Claude Opus 4.5
parent 40df0748c5
commit 4eb361f204
3 changed files with 12 additions and 8 deletions
+1 -1
View File
@@ -21,7 +21,7 @@ When user says "COM": 1) Increment version in BOTH `package.json` AND `CLAUDE.md
Claudeman is a Claude Code session manager with a web interface and autonomous Ralph Loop. It spawns Claude CLI processes via PTY, streams output in real-time via SSE, and supports scheduled/timed runs.
**Version**: 0.1360 (must match `package.json`)
**Version**: 0.1361 (must match `package.json`)
**Tech Stack**: TypeScript (ES2022/NodeNext, strict mode), Node.js, Fastify, Server-Sent Events, node-pty
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "claudeman",
"version": "0.1360",
"version": "0.1361",
"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",
+10 -6
View File
@@ -470,8 +470,8 @@ body {
.respawn-timers-row {
display: flex;
flex-direction: column;
gap: 0.35rem;
align-items: flex-start;
gap: 1rem;
padding-top: 0.35rem;
border-top: 1px solid rgba(34, 197, 94, 0.15);
margin-top: 0.35rem;
@@ -520,8 +520,8 @@ body {
}
.respawn-action-log {
width: 100%;
max-height: 60px;
flex: 1;
max-height: 100px;
overflow-y: auto;
font-size: 0.7rem;
opacity: 0.9;
@@ -617,8 +617,12 @@ body {
}
.detection-status {
color: var(--text-muted);
font-size: 0.7rem;
color: var(--text);
font-size: 0.75rem;
font-weight: 500;
padding: 0.1rem 0.5rem;
background: rgba(255, 255, 255, 0.08);
border-radius: 3px;
}
.detection-ai-check {