From 718212668a525ab7dd65aac88304b3b3f89a6dbc Mon Sep 17 00:00:00 2001
From: Patrick Mulligan <patjmulligan@protonmail.com>
Date: Thu, 1 Jan 2026 21:31:01 +0100
Subject: [PATCH] fix(ui): Add max-width constraint to feed layout
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Constrain feed content to max-w-4xl (896px) and center it, matching
the layout style of sites like programming.dev.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/pages/Home.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/Home.vue b/src/pages/Home.vue
index 44f7ced..84f89cb 100644
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -4,14 +4,14 @@
 
     <!-- Header -->
     <div class="sticky top-0 z-40 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 border-b">
-      <div class="flex items-center justify-between px-4 py-2 sm:px-6">
+      <div class="max-w-4xl mx-auto flex items-center justify-between px-4 py-2 sm:px-6">
         <h1 class="text-lg font-semibold">Feed</h1>
       </div>
     </div>
 
     <!-- Main Feed Area -->
     <div class="flex-1 overflow-y-auto scrollbar-thin scrollbar-thumb-border scrollbar-track-transparent">
-      <div class="px-4 sm:px-6">
+      <div class="max-w-4xl mx-auto px-4 sm:px-6">
         <SubmissionList
           :show-ranks="false"
           :show-time-range="true"