Quick fixes MORE STUFF

frontend/app/ProfileScreens/ViewProfile.tsx

@@ -29,7 +29,7 @@ export default function ViewProfile() {
     firstName: userState.name,
     lastName: "No Last Name",
     age: calculateAge(new Date(userState.birthday)),
-    pronouns: "they/them",
+    pronouns: userState.pronouns,
     location: userState.location,
     school: userState.school,
     work: userState.job,

frontend/components/Event/EventCardItem.tsx

@@ -11,8 +11,12 @@ export function EventCardItem({ title, description, imageUrl }: EventCardItemPro
   return (
     <View style={styles.cardContainer}>
       <Image source={{ uri: imageUrl }} style={styles.cardImage} />
-      <Text style={styles.cardTitle}>{title}</Text>
-      <Text style={styles.cardDescription}>{description}</Text>
+      <Text style={styles.cardTitle} numberOfLines={1}>
+        {title}
+      </Text>
+      <Text style={styles.cardDescription} numberOfLines={3}>
+        {description}
+      </Text>
     </View>
   );
 }
@@ -32,7 +36,9 @@ const styles = StyleSheet.create({
   },
   cardImage: {
     width: "100%",
-    aspectRatio: 0.93
+    aspectRatio: 0.93,
+    borderTopRightRadius: 10,
+    borderTopLeftRadius: 10
   },
   cardTitle: {
     marginTop: 6,
@@ -44,7 +50,8 @@ const styles = StyleSheet.create({
   cardDescription: {
     fontSize: 14,
     paddingLeft: 6,
-    fontFamily: "DMSansRegular"
+    fontFamily: "DMSansRegular",
+    padding: 10
   }
 });
 

frontend/components/Home/HomeEventCard.tsx

@@ -25,12 +25,14 @@ export default function HomeEventCard({ event }: HomeEventCardProps) {
           <Image source={{ uri: event.images[0] }} style={scaledStyles.image} />
         </View>
         <View style={scaledStyles.textContainer}>
-          <Text style={scaledStyles.titleText} numberOfLines={2} ellipsizeMode="tail">
-            {event.name}
+          <Text style={styles.titleText} numberOfLines={1}>
+            {event.name.length < 20 ? event.name : `${event.name.substring(0, 17)}...`}
           </Text>
           <View style={styles.row}>
             <Icon source="map-marker" size={20} color={COLORS.darkPurple} />
-            <Text style={styles.text}>{event.address}</Text>
+            <Text style={styles.text} numberOfLines={1}>
+              {event.address.length < 20 ? event.address : `${event.address.substring(0, 17)}...`}
+            </Text>
           </View>
           <View style={styles.row}>
             <Icon source="currency-usd" size={20} color={COLORS.darkPurple} />

frontend/components/Login/Login.tsx

@@ -34,7 +34,7 @@ export default function Login() {
   const [isLoading, setIsLoading] = useState(false);
 
   const handleGoogleSignIn = async () => {
-    router.push("Home");
+    router.push("Onboarding/AboutMe/AboutName");
     // try {
     //   await GoogleSignin.hasPlayServices();
     //   const userInfo = await GoogleSignin.signIn();

frontend/components/Person/Person.tsx

@@ -49,7 +49,8 @@ export default function Person({
       <HeaderScrollView
         headerContainerStyle={{}}
         containerStyle={{
-          flex: 1
+          flex: 1,
+          paddingBottom: 50
         }}
         title={
           <>