From 18d8050a2bfa170181afbf06bdce5eb5f981dd52 Mon Sep 17 00:00:00 2001
From: Mathias <mthbqv@gmail.com>
Date: Fri, 2 Oct 2026 09:03:55 +0200
Subject: [PATCH] fix(web): the progress bar ends at the time column and the
 lost mark is error-coloured (screenshot review)

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
---
 internal/web/view.go | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/internal/web/view.go b/internal/web/view.go
index af81ffd..23a6e5b 100644
--- a/internal/web/view.go
+++ b/internal/web/view.go
@@ -779,9 +779,10 @@ a.btn, a.btn:visited { color: var(--accent-fg); }
 .step-skipped, .step-pending { color: var(--muted); }
 .step-skipped { opacity: .7; }
 .step-pending { opacity: .75; }
-.step-bar { flex: 1 0 100%; margin: 0 0 0 1.6rem; height: .5rem; accent-color: var(--accent); }
-.step-count { flex: 1 0 100%; margin-left: 1.6rem; font-weight: 400; color: var(--muted); }
-.spinner { display: inline-block; width: .8rem; height: .8rem; box-sizing: border-box; border: 2px solid var(--line); border-top-color: var(--accent); border-radius: 50%; animation: tapir-spin 1s linear infinite; }
+.step-bar { flex: none; width: calc(100% - 1.6rem); margin: 0 0 0 1.6rem; height: .5rem; accent-color: var(--accent); }
+.step-count { flex: none; width: calc(100% - 1.6rem); margin-left: 1.6rem; font-weight: 400; color: var(--muted); }
+.step-running .step-mark-warn { color: var(--err-fg); }
+.spinner { display: inline-block; vertical-align: -.1em; width: .8rem; height: .8rem; box-sizing: border-box; border: 2px solid var(--line); border-top-color: var(--accent); border-radius: 50%; animation: tapir-spin 1s linear infinite; }
 @keyframes tapir-spin { to { transform: rotate(360deg); } }
 @media (prefers-reduced-motion: reduce) { .spinner { animation: none; border-color: var(--accent); } }
 .step-health { margin: var(--s2) 0; padding: var(--s2) var(--s3); border-radius: var(--radius); font-size: .9rem; border: 1px solid var(--line); }