From 708a1bfd54e6f07af5c95b929b02673c06606de0 Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Sat, 25 Oct 2025 01:55:37 +0200
Subject: [PATCH] fix: ensure consistent reading progress bar thickness in
 large cards

- Add minHeight property to ReadingProgressBar container and inner div
- Ensure empty progress bar maintains same 3px height as filled progress bar
- Fix visual consistency between empty and filled reading progress states
- Maintain proper visual separator thickness in large card view
---
 src/components/ReadingProgressBar.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/ReadingProgressBar.tsx b/src/components/ReadingProgressBar.tsx
index ceab3e66..91d7200d 100644
--- a/src/components/ReadingProgressBar.tsx
+++ b/src/components/ReadingProgressBar.tsx
@@ -40,7 +40,8 @@ export const ReadingProgressBar: React.FC<ReadingProgressBarProps> = ({
         marginTop,
         marginBottom,
         marginLeft,
-        position: 'relative'
+        position: 'relative',
+        minHeight: `${height}px`
       }}
     >
       <div
@@ -48,7 +49,8 @@ export const ReadingProgressBar: React.FC<ReadingProgressBarProps> = ({
           height: '100%',
           width: progressWidth,
           background: progressBackground,
-          transition: 'width 0.3s ease, background 0.3s ease'
+          transition: 'width 0.3s ease, background 0.3s ease',
+          minHeight: `${height}px`
         }}
       />
     </div>