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/bookmarks/[slug]/manage_lists.tsx | 8 ++++----
 apps/mobile/app/dashboard/bookmarks/[slug]/manage_tags.tsx  | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

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

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