From 18170fd5fc68cee039e2a8b471d3a7d502866454 Mon Sep 17 00:00:00 2001 From: Claudomator Agent Date: Mon, 6 Jul 2026 04:54:29 +0000 Subject: fix(web): reviewer findings on Tasks board CSS (task 3 follow-up) - Change .tasks-column width from 300px to 220px (spec literal value) - Change .tasks-column-list max-height from 60vh to 70vh (spec literal value) - Add missing .task-log-tail and .task-log-tail-placeholder rules after .tasks-column-list Co-Authored-By: Claude Sonnet 4.6 --- web/style.css | 25 ++++++++++++++++++++++--- 1 file changed, 22 insertions(+), 3 deletions(-) diff --git a/web/style.css b/web/style.css index 68b6f95..f8ed1e7 100644 --- a/web/style.css +++ b/web/style.css @@ -2174,8 +2174,8 @@ dialog label select:focus { } .tasks-column { - flex: 0 0 300px; - width: 300px; + flex: 0 0 220px; + width: 220px; background: var(--bg); border: 1px solid var(--border); border-radius: 0.5rem; @@ -2212,8 +2212,27 @@ dialog label select:focus { flex-direction: column; gap: 0.5rem; min-height: 40px; - max-height: 60vh; + max-height: 70vh; + overflow-y: auto; +} + +.task-log-tail { + background: var(--bg-card); + border: 1px solid var(--border); + border-radius: 6px; + padding: 0.5rem 0.625rem; + font-family: monospace; + font-size: 0.75rem; + max-height: 90px; overflow-y: auto; + white-space: pre-wrap; + word-break: break-word; +} + +.task-log-tail-placeholder { + color: var(--text-muted); + font-size: 0.8rem; + font-style: italic; } .story-card { -- cgit v1.2.3