From 268a6d96de3c0ea5cb8be9305e50a095070facb1 Mon Sep 17 00:00:00 2001
From: Fredrik Burmester <fredrik.burmester@gmail.com>
Date: Wed, 28 Jan 2026 19:50:12 +0100
Subject: [PATCH] refactor(tv): swap poster and content layout in series page

---
 components/series/TVSeriesPage.tsx | 56 +++++++++++++++---------------
 1 file changed, 28 insertions(+), 28 deletions(-)

diff --git a/components/series/TVSeriesPage.tsx b/components/series/TVSeriesPage.tsx
index ef16f0f6..ff533f02 100644
--- a/components/series/TVSeriesPage.tsx
+++ b/components/series/TVSeriesPage.tsx
@@ -509,40 +509,14 @@ export const TVSeriesPage: React.FC<TVSeriesPageProps> = ({
         }}
         showsVerticalScrollIndicator={false}
       >
-        {/* Top section - Poster + Content */}
+        {/* Top section - Content + Poster */}
         <View
           style={{
             flexDirection: "row",
             minHeight: SCREEN_HEIGHT * 0.45,
           }}
         >
-          {/* Left side - Poster */}
-          <View
-            style={{
-              width: SCREEN_WIDTH * POSTER_WIDTH_PERCENT,
-              marginRight: 50,
-            }}
-          >
-            <View
-              style={{
-                aspectRatio: 2 / 3,
-                borderRadius: 16,
-                overflow: "hidden",
-                shadowColor: "#000",
-                shadowOffset: { width: 0, height: 10 },
-                shadowOpacity: 0.5,
-                shadowRadius: 20,
-              }}
-            >
-              <ItemImage
-                variant='Primary'
-                item={item}
-                style={{ width: "100%", height: "100%" }}
-              />
-            </View>
-          </View>
-
-          {/* Right side - Content */}
+          {/* Left side - Content */}
           <View style={{ flex: 1, justifyContent: "center" }}>
             <TVSeriesHeader item={item} />
 
@@ -589,6 +563,32 @@ export const TVSeriesPage: React.FC<TVSeriesPageProps> = ({
               )}
             </View>
           </View>
+
+          {/* Right side - Poster */}
+          <View
+            style={{
+              width: SCREEN_WIDTH * POSTER_WIDTH_PERCENT,
+              marginLeft: 50,
+            }}
+          >
+            <View
+              style={{
+                aspectRatio: 2 / 3,
+                borderRadius: 16,
+                overflow: "hidden",
+                shadowColor: "#000",
+                shadowOffset: { width: 0, height: 10 },
+                shadowOpacity: 0.5,
+                shadowRadius: 20,
+              }}
+            >
+              <ItemImage
+                variant='Primary'
+                item={item}
+                style={{ width: "100%", height: "100%" }}
+              />
+            </View>
+          </View>
         </View>
 
         {/* Episodes section */}