From a4004f5e7a641db98a863679c4fd2484b9b8b597 Mon Sep 17 00:00:00 2001
From: Gronod <gordon@i3omb.com>
Date: Sun, 17 May 2026 09:56:41 +0100
Subject: [PATCH] fix: progress bar width collapsed by pill display:inline-flex

The pill redesign set display:inline-flex + white-space:nowrap on all
.detail-item elements. The .progress-item (which extends .detail-item)
was then shrinking the .progress-bar to zero usable width.

Override pill styles on .progress-item: display:flex, no background,
no padding, white-space:normal. Also give .progress-container flex:1
so it expands to fill the row.
---
 public/style.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/public/style.css b/public/style.css
index 54ec556..88b0f77 100644
--- a/public/style.css
+++ b/public/style.css
@@ -500,10 +500,17 @@ body {
 /* ===== Progress Bar (Compact) ===== */
 .progress-item {
   flex-basis: 100%;
+  display: flex;
+  align-items: center;
+  background: none;
+  padding: 0;
+  white-space: normal;
+  border-radius: 0;
 }
 
 .progress-container {
   display: flex;
+  flex: 1;
   align-items: center;
   gap: 8px;
 }