From 2176acd9245139fde3bbf9a61a1e565e284c2cfb Mon Sep 17 00:00:00 2001
From: Tiffany Barclay <tiffrbarclay@gmail.com>
Date: Sun, 25 Dec 2022 01:05:48 +1300
Subject: [PATCH] Clean up timer page styling

Closes #110
---
 TimerPage.tsx | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/TimerPage.tsx b/TimerPage.tsx
index 4b551e7..2b8d658 100644
--- a/TimerPage.tsx
+++ b/TimerPage.tsx
@@ -41,7 +41,7 @@ export default function TimerPage() {
   }, [minutes, seconds])
 
   const left = useMemo(() => {
-    return Dimensions.get('screen').width * 0.5 - 85
+    return Dimensions.get('screen').width * 0.5 - 60
   }, [])
 
   return (
@@ -54,13 +54,11 @@ export default function TimerPage() {
             justifyContent: 'center',
             alignItems: 'center',
           }}>
-          <View>
-            <Text style={{fontSize: 70, top: 150}}>
-              {minutes}:{seconds}
-            </Text>
-          </View>
+          <Text style={{fontSize: 70, position: 'absolute'}}>
+            {minutes}:{seconds}
+          </Text>
           <ProgressCircle
-            style={{height: 300, width: 500, marginBottom: MARGIN, top: -50}}
+            style={{height: 300, width: 300, marginBottom: MARGIN}}
             progress={progress}
             strokeWidth={10}
             progressColor={colors.text}
@@ -68,9 +66,7 @@ export default function TimerPage() {
           />
         </View>
       </View>
-      <Button
-        onPress={add}
-        style={{position: 'absolute', top: '85%', left: left + 25}}>
+      <Button onPress={add} style={{position: 'absolute', top: '82%', left}}>
         Add 1 min
       </Button>
       <MassiveFab icon="stop" onPress={stop} />