From 7e77f6ec423159ec2ea217f17af6c5f6923f2ce5 Mon Sep 17 00:00:00 2001
From: tapframe <nayifveliya99@gmail.com>
Date: Wed, 18 Jun 2025 11:57:04 +0530
Subject: [PATCH] Refactor SeriesContent styles for improved layout and
 readability

This update modifies the styling of the SeriesContent component, adjusting padding, font sizes, and margins to enhance the overall layout and readability. Key changes include reduced padding in episode content, smaller font sizes for episode numbers and titles, and adjustments to line heights and gaps for a more cohesive design. These refinements aim to improve the user experience by creating a cleaner and more visually appealing presentation of episode information.
---
 src/components/metadata/SeriesContent.tsx | 36 +++++++++++------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/components/metadata/SeriesContent.tsx b/src/components/metadata/SeriesContent.tsx
index 8868b283f..e1f98c3a3 100644
--- a/src/components/metadata/SeriesContent.tsx
+++ b/src/components/metadata/SeriesContent.tsx
@@ -705,54 +705,54 @@ const styles = StyleSheet.create({
     justifyContent: 'flex-end',
   },
   episodeContent: {
-    padding: 16,
-    paddingBottom: 20,
+    padding: 12,
+    paddingBottom: 16,
   },
   episodeNumberHorizontal: {
     color: 'rgba(255,255,255,0.8)',
-    fontSize: 11,
+    fontSize: 10,
     fontWeight: '600',
-    letterSpacing: 1,
+    letterSpacing: 0.8,
     textTransform: 'uppercase',
-    marginBottom: 4,
+    marginBottom: 2,
   },
   episodeTitleHorizontal: {
     color: '#fff',
-    fontSize: 18,
+    fontSize: 15,
     fontWeight: '700',
     letterSpacing: -0.3,
-    marginBottom: 8,
-    lineHeight: 22,
+    marginBottom: 4,
+    lineHeight: 18,
   },
   episodeDescriptionHorizontal: {
     color: 'rgba(255,255,255,0.85)',
-    fontSize: 13,
-    lineHeight: 18,
-    marginBottom: 12,
+    fontSize: 12,
+    lineHeight: 16,
+    marginBottom: 8,
     opacity: 0.9,
   },
   episodeMetadataRowHorizontal: {
     flexDirection: 'row',
     alignItems: 'center',
-    gap: 12,
+    gap: 8,
   },
   runtimeTextHorizontal: {
     color: 'rgba(255,255,255,0.8)',
-    fontSize: 12,
+    fontSize: 11,
     fontWeight: '500',
   },
   ratingContainerHorizontal: {
     flexDirection: 'row',
     alignItems: 'center',
     backgroundColor: 'rgba(0,0,0,0.4)',
-    paddingHorizontal: 6,
-    paddingVertical: 3,
-    borderRadius: 4,
-    gap: 3,
+    paddingHorizontal: 5,
+    paddingVertical: 2,
+    borderRadius: 3,
+    gap: 2,
   },
   ratingTextHorizontal: {
     color: '#FFD700',
-    fontSize: 12,
+    fontSize: 11,
     fontWeight: '600',
   },
   progressBarContainerHorizontal: {