profile styling

GenerateNU · Dec 4, 2024 · bc14d90 · bc14d90
1 parent 0d1c9e3
commit bc14d90
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/frontend/app/(tabs)/profile.tsx b/frontend/app/(tabs)/profile.tsx
@@ -85,7 +85,7 @@ export default function ProfileScreen() {
 
   return (
     userProfile && (
-      <View>
+      <View style={styles.page}>
         <TouchableOpacity onPress={handleEditPress} style={styles.editIcon}>
           <Icon name="edit-2" size={20} color="#888" />
         </TouchableOpacity>
@@ -268,12 +268,14 @@ export default function ProfileScreen() {
 const { width: SCREEN_WIDTH } = Dimensions.get("window");
 
 const styles = StyleSheet.create({
-  container: {
+  page: {
     flex: 1,
     backgroundColor: "#fff",
-    paddingHorizontal: 24,
     minHeight: Dimensions.get("window").height - 80,
   },
+  container: {
+    paddingHorizontal: 24,
+  },
   header: {
     alignItems: "center",
     paddingVertical: 20,
@@ -388,7 +390,7 @@ const styles = StyleSheet.create({
     paddingHorizontal: 30,
     borderRadius: 20,
     alignSelf: "center",
-    marginVertical: 20,
+    marginBottom: 20,
   },
   queueButtonText: {
     color: "#fff",