From 5953ef044e211085dbc6e3f779200bda4d9ae8bd Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Fri, 15 Mar 2024 00:16:02 +0000
Subject: mobile: Revert the margins around the cards

---
 apps/mobile/app/dashboard/(tabs)/lists.tsx        | 4 ++--
 apps/mobile/app/dashboard/(tabs)/search.tsx       | 2 +-
 apps/mobile/components/bookmarks/BookmarkCard.tsx | 4 ++--
 apps/mobile/components/bookmarks/BookmarkList.tsx | 5 ++---
 apps/mobile/package.json                          | 1 -
 5 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/apps/mobile/app/dashboard/(tabs)/lists.tsx b/apps/mobile/app/dashboard/(tabs)/lists.tsx
index a293757b..4a0a6948 100644
--- a/apps/mobile/app/dashboard/(tabs)/lists.tsx
+++ b/apps/mobile/app/dashboard/(tabs)/lists.tsx
@@ -48,8 +48,8 @@ export default function Lists() {
   return (
     <FlatList
       contentContainerStyle={{
-        gap: 10,
-        marginTop: 10,
+        gap: 5,
+        marginTop: 5,
       }}
       renderItem={(l) => (
         <View className="mx-2 block rounded-xl border border-gray-100 bg-white px-4 py-2">
diff --git a/apps/mobile/app/dashboard/(tabs)/search.tsx b/apps/mobile/app/dashboard/(tabs)/search.tsx
index 0025262e..043dffab 100644
--- a/apps/mobile/app/dashboard/(tabs)/search.tsx
+++ b/apps/mobile/app/dashboard/(tabs)/search.tsx
@@ -27,7 +27,7 @@ export default function Search() {
         autoFocus
         autoCapitalize="none"
       />
-      <Divider orientation="horizontal" className="mb-1 mt-4 w-full" />
+      <Divider orientation="horizontal" className="mt-4 w-full" />
       {data && <BookmarkList ids={data.bookmarks.map((b) => b.id)} />}
     </View>
   );
diff --git a/apps/mobile/components/bookmarks/BookmarkCard.tsx b/apps/mobile/components/bookmarks/BookmarkCard.tsx
index 93a059f8..2189b385 100644
--- a/apps/mobile/components/bookmarks/BookmarkCard.tsx
+++ b/apps/mobile/components/bookmarks/BookmarkCard.tsx
@@ -151,7 +151,7 @@ function LinkCard({ bookmark }: { bookmark: ZBookmark }) {
   const imageComp = bookmark.content.imageUrl ? (
     <Image
       source={{ uri: bookmark.content.imageUrl }}
-      className="h-56 min-h-56 w-full rounded-t-lg object-cover"
+      className="h-56 min-h-56 w-full object-cover"
     />
   ) : (
     <Image
@@ -237,7 +237,7 @@ export default function BookmarkCard({
   }
 
   return (
-    <View className="w-96 rounded-lg border border-gray-300 bg-white shadow-sm">
+    <View className="border-b border-gray-300 bg-white">
       {comp}
     </View>
   );
diff --git a/apps/mobile/components/bookmarks/BookmarkList.tsx b/apps/mobile/components/bookmarks/BookmarkList.tsx
index 79d3d79e..0c8ddb3c 100644
--- a/apps/mobile/components/bookmarks/BookmarkList.tsx
+++ b/apps/mobile/components/bookmarks/BookmarkList.tsx
@@ -42,12 +42,11 @@ export default function BookmarkList({
       itemLayoutAnimation={LinearTransition}
       contentContainerStyle={{
         gap: 15,
-        marginVertical: 15,
-        alignItems: "center",
+        marginBottom: 15,
       }}
       renderItem={(b) => <BookmarkCard bookmark={b.item} />}
       ListEmptyComponent={
-        <View className="h-full items-center justify-center">
+        <View className="h-full pt-4 items-center justify-center">
           <Text className="text-xl">No Bookmarks</Text>
         </View>
       }
diff --git a/apps/mobile/package.json b/apps/mobile/package.json
index 80036724..ead5e796 100644
--- a/apps/mobile/package.json
+++ b/apps/mobile/package.json
@@ -9,7 +9,6 @@
     "ios": "expo run:ios",
     "web": "expo start --web",
     "lint": "eslint .",
-    "format": "prettier --check . --ignore-path .gitignore",
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-- 
cgit v1.2.3-70-g09d2