updated styling

Author: kylezryr

src/app/(tabs)/_layout.tsx

@@ -88,6 +88,13 @@ function TabNav() {
           tabBarIcon: ({ color }) => LibraryIcon({ color }),
         }}
       />
+      <Tabs.Screen
+        name="settings"
+        options={{
+          headerShown: false,
+          href: null,
+        }}
+      />
     </Tabs>
   );
 }

src/app/settings/_layout.tsx renamed to src/app/(tabs)/settings/_layout.tsx

@@ -13,13 +13,13 @@ import { SafeAreaView } from 'react-native-safe-area-context';
 import { Icon } from 'react-native-elements';
 
 import styles from './styles';
-import colors from '../../styles/colors';
-import AccountDataDisplay from '../../components/AccountDataDisplay/AccountDataDisplay';
-import StyledButton from '../../components/StyledButton/StyledButton';
-import UserSelectorInput from '../../components/UserSelectorInput/UserSelectorInput';
-import globalStyles from '../../styles/globalStyles';
-import { useSession } from '../../utils/AuthContext';
-import supabase from '../../utils/supabase';
+import colors from '../../../styles/colors';
+import AccountDataDisplay from '../../../components/AccountDataDisplay/AccountDataDisplay';
+import StyledButton from '../../../components/StyledButton/StyledButton';
+import UserSelectorInput from '../../../components/UserSelectorInput/UserSelectorInput';
+import globalStyles from '../../../styles/globalStyles';
+import { useSession } from '../../../utils/AuthContext';
+import supabase from '../../../utils/supabase';
 import DateTimePickerModal from 'react-native-modal-datetime-picker';
 
 function SettingsScreen() {
@@ -175,7 +175,10 @@ function SettingsScreen() {
   }
 
   return (
-    <SafeAreaView style={styles.container} edges={['right', 'left', 'top']}>
+    <SafeAreaView
+      style={styles.container}
+      edges={['right', 'left', 'top', 'bottom']}
+    >
       <ScrollView
         bounces={true}
         contentContainerStyle={styles.main}

src/app/settings/index.tsx renamed to src/app/(tabs)/settings/index.tsx

@@ -1,5 +1,5 @@
 import { StyleSheet } from 'react-native';
-import colors from '../../styles/colors';
+import colors from '../../../styles/colors';
 
 export default StyleSheet.create({
   selectors: {
@@ -12,7 +12,7 @@ export default StyleSheet.create({
     paddingHorizontal: 24,
   },
   button: {
-    marginBottom: 32,
+    marginBottom: 100,
   },
   main: {
     paddingLeft: 12,