From 58c764517078bd50f32ea47574292439d436c665 Mon Sep 17 00:00:00 2001
From: Lei Nelissen <lei@codified.nl>
Date: Sat, 24 May 2025 00:08:56 +0200
Subject: [PATCH] fix: progress bar numbers cutoff

---
 src/screens/modals/Player/components/ProgressBar.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/screens/modals/Player/components/ProgressBar.tsx b/src/screens/modals/Player/components/ProgressBar.tsx
index e97d4e7..97409b6 100644
--- a/src/screens/modals/Player/components/ProgressBar.tsx
+++ b/src/screens/modals/Player/components/ProgressBar.tsx
@@ -33,10 +33,12 @@ const NumberBar = styled.View`
     justify-content: space-between;
     width: 100%;
     padding: 8px 0;
+    gap: 16px;
 `;
 
 const Number = styled(ReText)`
     font-size: 13px;
+    flex: 1;
 `;
 
 const DragHandle = styled(Reanimated.View)`
@@ -51,7 +53,7 @@ const DragHandle = styled(Reanimated.View)`
 
 function ProgressBar() {
     const styles = useDefaultStyles();
-    const { position, buffered } = useProgress();
+    const { position, buffered } = useProgress(990);
     const { track } = useCurrentTrack();
 
     const width = useSharedValue(0);
@@ -205,8 +207,8 @@ function ProgressBar() {
                     ]} 
                 />
                 <NumberBar style={{ flex: 1 }}>
-                    <Number text={timePassed} style={timePassedStyles} />
-                    <Number text={timeRemaining} style={timeRemainingStyles} />
+                    <Number text={timePassed} style={[timePassedStyles]} />
+                    <Number text={timeRemaining} style={[timeRemainingStyles, { textAlign: 'right' }]} />
                 </NumberBar>
             </Container>
         </GestureDetector>