mobile: change sheet button positions

apps/mobile/app/components/sheets/add-notebook/index.tsx

@@ -112,27 +112,9 @@ export const AddNotebookSheet = ({
         paddingHorizontal: 12
       }}
     >
-      <View
-        style={{
-          flexDirection: "row",
-          width: "100%",
-          justifyContent: "space-between",
-          alignItems: "center"
-        }}
-      >
-        <Heading size={SIZE.lg}>
-          {notebook ? "Edit Notebook" : "New Notebook"}
-        </Heading>
-        <Button
-          title={notebook ? "Save" : "Add"}
-          type="accent"
-          height={40}
-          style={{
-            paddingHorizontal: 24
-          }}
-          onPress={onSaveChanges}
-        />
-      </View>
+      <Heading size={SIZE.lg}>
+        {notebook ? "Edit Notebook" : "New Notebook"}
+      </Heading>
 
       <Seperator />
 
@@ -167,6 +149,18 @@ export const AddNotebookSheet = ({
         returnKeyType="next"
         defaultValue={notebook ? notebook.description : ""}
       />
+
+      <Button
+        title={notebook ? "Save" : "Add"}
+        type="accent"
+        height={45}
+        fontSize={SIZE.md}
+        style={{
+          paddingHorizontal: 24,
+          width: "100%"
+        }}
+        onPress={onSaveChanges}
+      />
     </View>
   );
 };

apps/mobile/app/components/sheets/reminder/index.tsx

@@ -591,6 +591,7 @@ export default function ReminderSheet({
         title="Save"
         type="accent"
         height={45}
+        fontSize={SIZE.md}
         style={{
           paddingHorizontal: 24,
           marginTop: 10,

apps/mobile/app/components/ui/pressable/index.tsx

@@ -269,7 +269,9 @@ export const Pressable = ({
         alignItems: "center",
         marginBottom: 0,
         borderColor: pressed
-          ? borderSelectedColor || borderColor
+          ? customSelectedColor
+            ? getColorLinearShade(customSelectedColor, 0.3, false)
+            : borderSelectedColor || borderColor
           : borderColor || "transparent",
         borderWidth: borderWidth
       },
@@ -281,6 +283,7 @@ export const Pressable = ({
       opacity,
       primaryColor,
       noborder,
+      customSelectedColor,
       borderSelectedColor,
       borderColor,
       borderWidth,