From f28406b4c4085e3d1ee3b5a92aa097fee9d1a50b Mon Sep 17 00:00:00 2001
From: Brandon Presley <brandon@presley.nz>
Date: Thu, 26 Oct 2023 12:20:04 +1300
Subject: [PATCH] Move add 1 min button to left side fab

---
 TimerPage.tsx | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/TimerPage.tsx b/TimerPage.tsx
index e987216..341c59b 100644
--- a/TimerPage.tsx
+++ b/TimerPage.tsx
@@ -1,7 +1,7 @@
 import { useFocusEffect } from "@react-navigation/native";
 import React, { useCallback, useMemo, useState } from "react";
 import { Dimensions, NativeModules, View } from "react-native";
-import { Button, Text, useTheme } from "react-native-paper";
+import { Button, FAB, Text, useTheme } from "react-native-paper";
 import { ProgressCircle } from "react-native-svg-charts";
 import AppFab from "./AppFab";
 import { darkenRgba } from "./colors";
@@ -72,9 +72,18 @@ export default function TimerPage() {
           />
         </View>
       </View>
-      <Button onPress={add} style={{ position: "absolute", top: "82%", left }}>
-        Add 1 min
-      </Button>
+
+      <FAB
+        icon="plus"
+        color={colors.background}
+        onPress={add}
+        style={{
+          position: "absolute",
+          left: 20,
+          bottom: 20,
+          backgroundColor: colors.primary,
+        }}
+      />
       <AppFab icon="stop" onPress={stop} />
     </>
   );