From 67d53cf5ce1754376c55c6989ca78a4a5c5d8fe1 Mon Sep 17 00:00:00 2001
From: AdityasahuX07 <smily998800@gmail.com>
Date: Fri, 9 Jan 2026 20:15:56 +0530
Subject: [PATCH 1/2] Adjust padding and margin values in LibraryScreen and
 CatalogSection

make the uniform gap between the posters to look symmetric.
---
 src/screens/LibraryScreen.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/screens/LibraryScreen.tsx b/src/screens/LibraryScreen.tsx
index c0f0d1f..984310f 100644
--- a/src/screens/LibraryScreen.tsx
+++ b/src/screens/LibraryScreen.tsx
@@ -75,7 +75,7 @@ interface TraktFolder {
 const ANDROID_STATUSBAR_HEIGHT = StatusBar.currentHeight || 0;
 
 function getGridLayout(screenWidth: number): { numColumns: number; itemWidth: number } {
-  const horizontalPadding = 16;
+  const horizontalPadding = 26;
   const gutter = 12;
   let numColumns = 3;
   if (screenWidth >= 1200) numColumns = 5;
@@ -1042,7 +1042,7 @@ const styles = StyleSheet.create({
     fontWeight: '500',
   },
   listContainer: {
-    paddingHorizontal: 8,
+    paddingLeft: 12,
     paddingVertical: 16,
     paddingBottom: 90,
   },
@@ -1058,7 +1058,7 @@ const styles = StyleSheet.create({
     justifyContent: 'space-between',
   },
   itemContainer: {
-    marginBottom: 20,
+    marginBottom: 14,
   },
   posterContainer: {
     borderRadius: 12,

From b916bdbccaf1215e794fa7b7dd915034c483fd3b Mon Sep 17 00:00:00 2001
From: AdityasahuX07 <smily998800@gmail.com>
Date: Fri, 9 Jan 2026 20:19:48 +0530
Subject: [PATCH 2/2] Adjust item separator height in CatalogScreen

---
 src/screens/CatalogScreen.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/screens/CatalogScreen.tsx b/src/screens/CatalogScreen.tsx
index ec8f305..5eedf57 100644
--- a/src/screens/CatalogScreen.tsx
+++ b/src/screens/CatalogScreen.tsx
@@ -190,6 +190,7 @@ const createStyles = (colors: any) => StyleSheet.create({
     shadowOpacity: 0.1,
     shadowRadius: 4,
     elevation: 2,
+    paddingHorizontal:4,
   },
   poster: {
     width: '100%',
@@ -1059,7 +1060,7 @@ const CatalogScreen: React.FC<CatalogScreenProps> = ({ route, navigation }) => {
           keyExtractor={(item) => `${item.id}-${item.type}`}
           numColumns={effectiveNumColumns}
           key={effectiveNumColumns}
-          ItemSeparatorComponent={() => <View style={{ height: ((screenData as any).itemSpacing ?? SPACING.sm) }} />}
+          ItemSeparatorComponent={() => <View style={{ height: ((screenData as any).itemSpacing ?? SPACING.sm) - 20 }} />}
           refreshControl={
             <RefreshControl
               refreshing={refreshing}
@@ -1114,4 +1115,4 @@ const CatalogScreen: React.FC<CatalogScreenProps> = ({ route, navigation }) => {
   );
 };
 
-export default CatalogScreen;
\ No newline at end of file
+export default CatalogScreen;