From 844c7fbaa6fdca55329062627ef7ba2d9ad0c0e0 Mon Sep 17 00:00:00 2001
From: Ian Chesal <ian.chesal@gmail.com>
Date: Sun, 19 Apr 2026 11:27:55 +0000
Subject: [PATCH 1/2] fix(watchlist): remove max-w-2xl centering to fill
 sidebar space on wide screens

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/watchlist/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/watchlist/page.tsx b/src/app/watchlist/page.tsx
index ae49a33..aa866eb 100644
--- a/src/app/watchlist/page.tsx
+++ b/src/app/watchlist/page.tsx
@@ -107,7 +107,7 @@ export default function WatchlistPage() {
   const readyCount = movies.filter((m) => m.seerrStatus === 'available').length
 
   return (
-    <div className="p-6 max-w-2xl mx-auto">
+    <div className="p-6">
       <div className="flex justify-between items-center mb-6">
         <h1 className="text-2xl font-bold text-amber-900">Up Next</h1>
         {!loading && (

From 7500e0f110b9388aceba70fd379d743ad947986b Mon Sep 17 00:00:00 2001
From: Ian Chesal <ian.chesal@gmail.com>
Date: Sun, 19 Apr 2026 11:34:53 +0000
Subject: [PATCH 2/2] fix(watchlist): cap list width at max-w-4xl,
 left-anchored

Prevents filter pills and movie rows from stretching to fill ultra-wide
screens while keeping the list left-aligned against the sidebar.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/watchlist/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/watchlist/page.tsx b/src/app/watchlist/page.tsx
index aa866eb..6028945 100644
--- a/src/app/watchlist/page.tsx
+++ b/src/app/watchlist/page.tsx
@@ -107,7 +107,7 @@ export default function WatchlistPage() {
   const readyCount = movies.filter((m) => m.seerrStatus === 'available').length
 
   return (
-    <div className="p-6">
+    <div className="p-6 max-w-4xl">
       <div className="flex justify-between items-center mb-6">
         <h1 className="text-2xl font-bold text-amber-900">Up Next</h1>
         {!loading && (