From 7b4fddfebf83dfca68cfe1216a25ed058a80d1f7 Mon Sep 17 00:00:00 2001
From: Brandon Presley <brandon@presley.nz>
Date: Sat, 5 Nov 2022 12:57:08 +1300
Subject: [PATCH] Make text bigger on TimerPage

---
 TimerPage.tsx | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/TimerPage.tsx b/TimerPage.tsx
index fb3b830..213701d 100644
--- a/TimerPage.tsx
+++ b/TimerPage.tsx
@@ -1,7 +1,7 @@
 import React, {useEffect, useState} from 'react'
-import {NativeEventEmitter, NativeModules, View} from 'react-native'
-import {Button, Subheading, Title} from 'react-native-paper'
-import {PADDING} from './constants'
+import {NativeEventEmitter, NativeModules, StyleSheet, View} from 'react-native'
+import {Button, Text, Title} from 'react-native-paper'
+import {MARGIN, PADDING} from './constants'
 import {settingsRepo} from './db'
 import DrawerHeader from './DrawerHeader'
 import MassiveFab from './MassiveFab'
@@ -47,10 +47,10 @@ export default function TimerPage() {
             justifyContent: 'center',
             alignItems: 'center',
           }}>
-          <Title>Remaining</Title>
-          <Subheading>
+          <Text style={styles.text}>Remaining</Text>
+          <Text style={styles.text}>
             {minutes}:{seconds}
-          </Subheading>
+          </Text>
           <Button onPress={add}>Add 1 min</Button>
         </View>
       </View>
@@ -58,3 +58,10 @@ export default function TimerPage() {
     </>
   )
 }
+
+const styles = StyleSheet.create({
+  text: {
+    fontSize: 32,
+    marginBottom: MARGIN,
+  },
+})