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: {