wrap profile stats

mozzius · Feb 22, 2024 · 1c6bffd · 1c6bffd
1 parent 3098271
commit 1c6bffd
Showing 1 changed file with 12 additions and 6 deletions.
diff --git a/apps/expo/src/components/screens/profile/profile-info.tsx b/apps/expo/src/components/screens/profile/profile-info.tsx
@@ -444,25 +444,31 @@ export const ProfileInfo = ({ profile, backButton }: Props) => {
               </Text>
             </View>
           </View>
-          <View className="mt-3 flex-row" pointerEvents="box-none">
-            <TouchableOpacity onPress={() => openFollowers(profile.did)}>
+          <View className="mt-1 flex-row flex-wrap" pointerEvents="box-none">
+            <TouchableOpacity
+              onPress={() => openFollowers(profile.did)}
+              className="mr-4 mt-1"
+            >
               <Text>
                 <Trans>
                   <Text className="font-bold">{profile.followersCount}</Text>{" "}
                   Followers
                 </Trans>
               </Text>
             </TouchableOpacity>
-            <TouchableOpacity onPress={() => openFollows(profile.did)}>
-              <Text className="ml-4">
+            <TouchableOpacity
+              onPress={() => openFollows(profile.did)}
+              className="mr-4 mt-1"
+            >
+              <Text>
                 <Trans>
                   <Text className="font-bold">{profile.followsCount}</Text>{" "}
                   Following
                 </Trans>
               </Text>
             </TouchableOpacity>
-            <View pointerEvents="none">
-              <Text className="ml-4">
+            <View pointerEvents="none" className="mt-1">
+              <Text>
                 <Trans>
                   <Text className="font-bold">{profile.postsCount ?? 0}</Text>{" "}
                   Posts