From 76b28d2a2c8b4f9dc47d7cd5b3a53d96fc7c7cb2 Mon Sep 17 00:00:00 2001
From: tapframe <nayifveliya99@gmail.com>
Date: Sun, 9 Nov 2025 19:02:13 +0530
Subject: [PATCH] trailer section ui changes

---
 app.json                                    |  3 ++-
 src/components/metadata/TrailersSection.tsx | 13 +++++++------
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/app.json b/app.json
index eedbe607..86eb7806 100644
--- a/app.json
+++ b/app.json
@@ -46,7 +46,8 @@
       "icon": "./assets/android/mipmap-xxxhdpi/ic_launcher.png",
       "permissions": [
         "INTERNET",
-        "WAKE_LOCK"
+        "WAKE_LOCK",
+        "WRITE_SETTINGS"
       ],
       "package": "com.nuvio.app",
       "versionCode": 22,
diff --git a/src/components/metadata/TrailersSection.tsx b/src/components/metadata/TrailersSection.tsx
index ac4f519e..72378567 100644
--- a/src/components/metadata/TrailersSection.tsx
+++ b/src/components/metadata/TrailersSection.tsx
@@ -107,13 +107,13 @@ const TrailersSection: React.FC<TrailersSectionProps> = memo(({
   const trailerCardWidth = useMemo(() => {
     switch (deviceType) {
       case 'tv':
-        return 240;
+        return 280;
       case 'largeTablet':
-        return 220;
+        return 260;
       case 'tablet':
-        return 200;
+        return 240;
       default:
-        return 170; // phone
+        return 200; // phone
     }
   }, [deviceType]);
   
@@ -695,8 +695,8 @@ const TrailersSection: React.FC<TrailersSectionProps> = memo(({
                         color: currentTheme.colors.highEmphasis,
                         fontSize: isTV ? 16 : isLargeTablet ? 15 : isTablet ? 14 : 12,
                         lineHeight: isTV ? 22 : isLargeTablet ? 20 : isTablet ? 18 : 16,
-                        marginTop: isTV ? 10 : isLargeTablet ? 9 : isTablet ? 8 : 8,
-                        marginBottom: isTV ? 4 : isLargeTablet ? 3 : isTablet ? 2 : 2
+                        marginTop: isTV ? 16 : isLargeTablet ? 14 : isTablet ? 12 : 10,
+                        marginBottom: isTV ? 6 : isLargeTablet ? 5 : isTablet ? 4 : 3
                       }
                     ]}
                     numberOfLines={2}
@@ -931,6 +931,7 @@ const styles = StyleSheet.create({
   trailerInfoBelow: {
     width: '100%',
     alignItems: 'flex-start',
+    paddingLeft: 4,
   },
   trailerTitle: {
     fontSize: 12,