From 452e1a0eab60b1feb65e6d9a65d80c8922a55599 Mon Sep 17 00:00:00 2001
From: mARTin <mail@martin-bierschenk.de>
Date: Sun, 22 Mar 2026 08:43:13 +0100
Subject: [PATCH] fix: make subtask progress bar more visible (wider + taller)

Increased progress bar from 24x4px to 36x5px for better visibility
in the task subtask indicator badge.

v1.55.3

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 package.json                  |  2 +-
 src/components/WeeklyView.tsx | 11 ++++++-----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 0e5c991..e724187 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "my-weekly-todo-list",
-  "version": "1.55.2",
+  "version": "1.55.3",
   "description": "A web-based weekly task management application that organizes to-dos and calendar events in a single, intuitive weekly view",
   "main": "index.js",
   "scripts": {
diff --git a/src/components/WeeklyView.tsx b/src/components/WeeklyView.tsx
index da371c6..c928554 100644
--- a/src/components/WeeklyView.tsx
+++ b/src/components/WeeklyView.tsx
@@ -9766,15 +9766,16 @@ function TaskItem({
                                             transition: "all 0.15s",
                                         }}
                                     >
-                                        <ChevronDown size={11} style={{ transform: expanded ? "rotate(0deg)" : "rotate(-90deg)", transition: "transform 0.2s" }} />
+                                        <ChevronDown size={12} style={{ transform: expanded ? "rotate(0deg)" : "rotate(-90deg)", transition: "transform 0.2s", flexShrink: 0 }} />
                                         <span style={{
                                             display: "inline-block",
-                                            width: "24px",
-                                            height: "4px",
-                                            borderRadius: "2px",
+                                            width: "36px",
+                                            height: "5px",
+                                            borderRadius: "3px",
                                             background: "var(--weekly-border, #e5e7eb)",
                                             position: "relative",
                                             overflow: "hidden",
+                                            flexShrink: 0,
                                         }}>
                                             <span style={{
                                                 position: "absolute",
@@ -9782,7 +9783,7 @@ function TaskItem({
                                                 top: 0,
                                                 height: "100%",
                                                 width: `${pct}%`,
-                                                borderRadius: "2px",
+                                                borderRadius: "3px",
                                                 background: allDone ? "var(--weekly-teal, #0d9488)" : "var(--weekly-accent, #6366f1)",
                                                 transition: "width 0.3s ease",
                                             }} />