From fa73d8f511f4eaa8e73e79e8c891957f93f5e145 Mon Sep 17 00:00:00 2001
From: Andrei Rauta <rauta.andrei@ufl.edu>
Date: Sun, 9 Feb 2025 13:04:26 -0500
Subject: [PATCH 1/2] Hid Tab Bar when typing

---
 client/app/navigation/AppNavigator.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/client/app/navigation/AppNavigator.tsx b/client/app/navigation/AppNavigator.tsx
index bbccfe51..09c85d9e 100644
--- a/client/app/navigation/AppNavigator.tsx
+++ b/client/app/navigation/AppNavigator.tsx
@@ -25,6 +25,7 @@ const AppNavigator = () => {
                   tabBarLabelStyle: {
                     fontSize: 15,
                   },
+                  tabBarHideOnKeyboard: true,
                 }}>
                 <Tab.Screen
                   name="Home"

From 2aba85784b99583508e3dad221e5887a2a37b11f Mon Sep 17 00:00:00 2001
From: Andrei Rauta <rauta.andrei@ufl.edu>
Date: Mon, 10 Feb 2025 22:44:34 -0500
Subject: [PATCH 2/2] Adjusted NearbyHeader UI

---
 client/app/components/chat/NearbyHeader.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/client/app/components/chat/NearbyHeader.tsx b/client/app/components/chat/NearbyHeader.tsx
index 0bc4b11e..655b13db 100644
--- a/client/app/components/chat/NearbyHeader.tsx
+++ b/client/app/components/chat/NearbyHeader.tsx
@@ -21,12 +21,11 @@ export const NearbyHeader: React.FC<NearbyHeaderProps> = ({ onClick, nearbyUsers
       <Text style={styles.nearbyText}>Nearby</Text>
       <TouchableOpacity onPress={onClick}>
         <View style={styles.iconContainer}>
+          <Text style={styles.countText}>{Object.keys(nearbyUsers).length}</Text>
           <Image
             style={styles.peopleIcon}
             source={require("../../../assets/icons/misc/nearby_icon.png")}
           />
-
-          <Text style={styles.countText}>{Object.keys(nearbyUsers).length}</Text>
         </View>
       </TouchableOpacity>
     </View>
@@ -55,6 +54,7 @@ const styles = StyleSheet.create({
     fontFamily: "Quicksand",
     fontSize: 24,
     fontWeight: "bold",
+    lineHeight: 24,
     color: "white",
     marginRight: "auto",
   },
@@ -65,11 +65,13 @@ const styles = StyleSheet.create({
   },
   iconContainer: {
     display: "flex",
+    flexDirection: "row",
     alignItems: "center",
   },
   countText: {
     fontFamily: "Quicksand",
-    fontSize: 13,
+    fontSize: 20,
+    paddingRight: "5%",
     fontWeight: "bold",
     color: "white",
   },