ui fixes

components/pages/todos/AddChore.tsx

@@ -1,38 +1,46 @@
-import { StyleSheet } from "react-native";
+import { Dimensions, StyleSheet } from "react-native";
 import React, { useState } from "react";
 import { Button, ButtonSize, Text, View } from "react-native-ui-lib";
 import { AntDesign } from "@expo/vector-icons";
 import LinearGradient from "react-native-linear-gradient";
 import AddChoreDialog from "./AddChoreDialog";
+import PlusIcon from "@/assets/svgs/PlusIcon";
 
 const AddChore = () => {
   const [isVisible, setIsVisible] = useState<boolean>(false);
 
   return (
-    <LinearGradient
-      colors={["#f9f8f700", "#f9f8f7", "#f9f8f700"]}
-      locations={[0, 0.5, 1]}
-      style={styles.gradient}
+    <View
+      row
+      spread
+      paddingH-20
+      style={{
+        position: "absolute",
+        bottom: 15,
+        width: "100%",
+      }}
     >
       <View style={styles.buttonContainer}>
         <Button
-          marginH-25
+          marginH-20
           size={ButtonSize.large}
           style={styles.button}
           onPress={() => setIsVisible(!isVisible)}
         >
-          <AntDesign name="plus" size={24} color="white" />
+          <PlusIcon />
           <Text
             white
             style={{ fontFamily: "Manrope_600SemiBold", fontSize: 15 }}
-            marginL-10
+            marginL-5
           >
             Create new to do
           </Text>
         </Button>
       </View>
-      {isVisible && <AddChoreDialog isVisible={isVisible} setIsVisible={setIsVisible} />}
-    </LinearGradient>
+      {isVisible && (
+        <AddChoreDialog isVisible={isVisible} setIsVisible={setIsVisible} />
+      )}
+    </View>
   );
 };
 
@@ -53,8 +61,7 @@ const styles = StyleSheet.create({
   },
   button: {
     backgroundColor: "rgb(253, 23, 117)",
-    paddingVertical: 15,
-    paddingHorizontal: 30,
+    height: 53.26,
     borderRadius: 30,
     width: 335,
   },