From 8a31483a4c084a1ae48f348ac1515138cf83c185 Mon Sep 17 00:00:00 2001
From: tapframe <nayifveliya99@gmail.com>
Date: Sun, 4 May 2025 18:42:39 +0530
Subject: [PATCH] Update padding across multiple screens for improved layout
 consistency

This update modifies the padding settings in the CatalogsList, HomeScreen, LibraryScreen, SettingsScreen, and discoverStyles files, increasing the bottom padding to 90 units. These changes enhance the overall layout and visual consistency across the application, ensuring a more cohesive user experience.
---
 src/components/discover/CatalogsList.tsx | 1 +
 src/screens/HomeScreen.tsx               | 4 ++--
 src/screens/LibraryScreen.tsx            | 2 ++
 src/screens/SettingsScreen.tsx           | 2 +-
 src/styles/screens/discoverStyles.ts     | 1 +
 5 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/discover/CatalogsList.tsx b/src/components/discover/CatalogsList.tsx
index 5b074958..6a8bcdfa 100644
--- a/src/components/discover/CatalogsList.tsx
+++ b/src/components/discover/CatalogsList.tsx
@@ -37,6 +37,7 @@ const CatalogsList = ({ catalogs, selectedCategory }: CatalogsListProps) => {
 const styles = StyleSheet.create({
   container: {
     paddingVertical: 8,
+    paddingBottom: 90,
   },
 });
 
diff --git a/src/screens/HomeScreen.tsx b/src/screens/HomeScreen.tsx
index 1b82a1e0..bd6684d0 100644
--- a/src/screens/HomeScreen.tsx
+++ b/src/screens/HomeScreen.tsx
@@ -636,13 +636,13 @@ const styles = StyleSheet.create<any>({
     flex: 1,
   },
   scrollContent: {
-    paddingBottom: 40,
+    paddingBottom: 90,
   },
   loadingMainContainer: {
     flex: 1,
     justifyContent: 'center',
     alignItems: 'center',
-    paddingBottom: 40,
+    paddingBottom: 90,
   },
   loadingText: {
     marginTop: 12,
diff --git a/src/screens/LibraryScreen.tsx b/src/screens/LibraryScreen.tsx
index 160ac13f..0cf6affe 100644
--- a/src/screens/LibraryScreen.tsx
+++ b/src/screens/LibraryScreen.tsx
@@ -373,6 +373,7 @@ const styles = StyleSheet.create({
   listContainer: {
     paddingHorizontal: 12,
     paddingVertical: 16,
+    paddingBottom: 90,
   },
   columnWrapper: {
     justifyContent: 'space-between',
@@ -463,6 +464,7 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
     alignItems: 'center',
     paddingHorizontal: 32,
+    paddingBottom: 90,
   },
   emptyText: {
     fontSize: 20,
diff --git a/src/screens/SettingsScreen.tsx b/src/screens/SettingsScreen.tsx
index a0cd3b7c..c21e6fe9 100644
--- a/src/screens/SettingsScreen.tsx
+++ b/src/screens/SettingsScreen.tsx
@@ -545,7 +545,7 @@ const styles = StyleSheet.create({
   scrollContent: {
     flexGrow: 1,
     width: '100%',
-    paddingBottom: 32,
+    paddingBottom: 90,
   },
   cardContainer: {
     width: '100%',
diff --git a/src/styles/screens/discoverStyles.ts b/src/styles/screens/discoverStyles.ts
index 18d1bee6..0e00c21d 100644
--- a/src/styles/screens/discoverStyles.ts
+++ b/src/styles/screens/discoverStyles.ts
@@ -55,6 +55,7 @@ const useDiscoverStyles = () => {
       justifyContent: 'center',
       alignItems: 'center',
       paddingTop: 80,
+      paddingBottom: 90,
     },
     emptyText: {
       color: currentTheme.colors.mediumGray,