From a6271a0352f326389b40fecb476e8e3361ec7b49 Mon Sep 17 00:00:00 2001
From: Mohamed Bassem <me@mbassem.com>
Date: Mon, 26 Jan 2026 11:48:04 +0000
Subject: fix(mobile): fix mobile list styling

---
 apps/mobile/app/dashboard/(tabs)/lists.tsx                  | 6 +++---
 apps/mobile/app/dashboard/(tabs)/tags.tsx                   | 6 +++---
 apps/mobile/app/dashboard/bookmarks/[slug]/manage_lists.tsx | 8 ++++----
 apps/mobile/app/dashboard/bookmarks/[slug]/manage_tags.tsx  | 4 ++--
 4 files changed, 12 insertions(+), 12 deletions(-)

(limited to 'apps/mobile/app/dashboard')

diff --git a/apps/mobile/app/dashboard/(tabs)/lists.tsx b/apps/mobile/app/dashboard/(tabs)/lists.tsx
index 6b18e2c7..2e107868 100644
--- a/apps/mobile/app/dashboard/(tabs)/lists.tsx
+++ b/apps/mobile/app/dashboard/(tabs)/lists.tsx
@@ -177,11 +177,11 @@ export default function Lists() {
           </View>
         }
         contentContainerStyle={{
-          gap: 5,
+          gap: 6,
         }}
         renderItem={(l) => (
           <View
-            className="mx-2 flex flex-row items-center rounded-xl border border-input bg-card px-4 py-2"
+            className="mx-2 flex flex-row items-center rounded-xl bg-card px-4 py-2"
             style={condProps({
               condition: l.item.level > 0,
               props: { marginLeft: l.item.level * 20 },
@@ -234,7 +234,7 @@ export default function Lists() {
                 className="flex-1"
               >
                 <Pressable className="flex flex-row items-center justify-between">
-                  <Text>
+                  <Text className="shrink">
                     {l.item.logo} {l.item.name}
                   </Text>
                   <ChevronRight />
diff --git a/apps/mobile/app/dashboard/(tabs)/tags.tsx b/apps/mobile/app/dashboard/(tabs)/tags.tsx
index 7f3e4ac7..c0ac2d49 100644
--- a/apps/mobile/app/dashboard/(tabs)/tags.tsx
+++ b/apps/mobile/app/dashboard/(tabs)/tags.tsx
@@ -88,17 +88,17 @@ export default function Tags() {
           </View>
         }
         contentContainerStyle={{
-          gap: 5,
+          gap: 6,
         }}
         renderItem={(item) => (
-          <View className="mx-2 flex flex-row items-center rounded-xl border border-input bg-card px-4 py-2">
+          <View className="mx-2 flex flex-row items-center rounded-xl bg-card px-4 py-2">
             <Link
               asChild
               key={item.item.id}
               href={item.item.href}
               className="flex-1"
             >
-              <Pressable className="flex flex-row justify-between">
+              <Pressable className="flex flex-row items-center justify-between">
                 <View className="flex-1">
                   <Text className="font-medium">{item.item.name}</Text>
                   <Text className="text-sm text-muted-foreground">
diff --git a/apps/mobile/app/dashboard/bookmarks/[slug]/manage_lists.tsx b/apps/mobile/app/dashboard/bookmarks/[slug]/manage_lists.tsx
index cc6db014..8402bb0b 100644
--- a/apps/mobile/app/dashboard/bookmarks/[slug]/manage_lists.tsx
+++ b/apps/mobile/app/dashboard/bookmarks/[slug]/manage_lists.tsx
@@ -92,7 +92,7 @@ const ListPickerPage = () => {
       <FlatList
         className="h-full"
         contentContainerStyle={{
-          gap: 5,
+          gap: 6,
         }}
         renderItem={(l) => {
           const listId = l.item[l.item.length - 1].id;
@@ -100,14 +100,14 @@ const ListPickerPage = () => {
           const isChecked = existingLists && existingLists.has(listId);
 
           return (
-            <View className="mx-2 flex flex-row items-center rounded-xl border border-input bg-card px-4 py-2">
+            <View className="mx-2 flex flex-row items-center rounded-xl bg-card px-4 py-2">
               <Pressable
                 key={listId}
                 onPress={() => !isLoading && toggleList(listId)}
                 disabled={isLoading}
-                className="flex w-full flex-row justify-between"
+                className="flex w-full flex-row items-center justify-between"
               >
-                <Text>
+                <Text className="shrink">
                   {l.item
                     .map((item) => `${item.icon} ${item.name}`)
                     .join(" / ")}
diff --git a/apps/mobile/app/dashboard/bookmarks/[slug]/manage_tags.tsx b/apps/mobile/app/dashboard/bookmarks/[slug]/manage_tags.tsx
index a4575b27..984bc224 100644
--- a/apps/mobile/app/dashboard/bookmarks/[slug]/manage_tags.tsx
+++ b/apps/mobile/app/dashboard/bookmarks/[slug]/manage_tags.tsx
@@ -165,7 +165,7 @@ const ListPickerPage = () => {
         contentInsetAdjustmentBehavior="automatic"
         keyExtractor={(t) => t.id}
         contentContainerStyle={{
-          gap: 5,
+          gap: 6,
         }}
         SectionSeparatorComponent={() => <View className="h-1" />}
         sections={[
@@ -207,7 +207,7 @@ const ListPickerPage = () => {
               })
             }
           >
-            <View className="mx-2 flex flex-row items-center gap-2 rounded-xl border border-input bg-card px-4 py-2">
+            <View className="mx-2 flex flex-row items-center gap-2 rounded-xl bg-card px-4 py-2">
               {t.section.title == "Existing Tags" && (
                 <Check color={colors.foreground} />
               )}
-- 
cgit v1.2.3-70-g09d2