mobile: Add borders and padding to the cards

2 files changed, 5 insertions, 9 deletions

diff --git a/packages/mobile/app/dashboard/(tabs)/index.tsx b/packages/mobile/app/dashboard/(tabs)/index.tsx
index 28fa39de..07516f3b 100644
--- a/packages/mobile/app/dashboard/(tabs)/index.tsx
+++ b/packages/mobile/app/dashboard/(tabs)/index.tsx
@@ -1,11 +1,5 @@
-import { View } from "react-native";
-
 import BookmarkList from "@/components/bookmarks/BookmarkList";
 
 export default function Home() {
-  return (
-    <View>
-      <BookmarkList archived={false} />
-    </View>
-  );
+  return <BookmarkList archived={false} />;
 }
diff --git a/packages/mobile/app/dashboard/(tabs)/search.tsx b/packages/mobile/app/dashboard/(tabs)/search.tsx
index 0cc16716..980cab36 100644
--- a/packages/mobile/app/dashboard/(tabs)/search.tsx
+++ b/packages/mobile/app/dashboard/(tabs)/search.tsx
@@ -4,6 +4,7 @@ import { View } from "react-native";
 import { useDebounce } from "use-debounce";
 
 import BookmarkList from "@/components/bookmarks/BookmarkList";
+import { Divider } from "@/components/ui/Divider";
 import { Input } from "@/components/ui/Input";
 import { api } from "@/lib/trpc";
 
@@ -18,15 +19,16 @@ export default function Search() {
   );
 
   return (
-    <View className="flex gap-2 p-2">
+    <View>
       <Input
         placeholder="Search"
-        className="bg-white"
+        className="mx-4 mt-4 bg-white"
         value={search}
         onChangeText={setSearch}
         autoFocus
         autoCapitalize="none"
       />
+      <Divider orientation="horizontal" className="mb-1 mt-4 w-full" />
       {data && <BookmarkList ids={data.bookmarks.map((b) => b.id)} />}
     </View>
   );