From 72c06816fea8aacc22ddbdef6bef2d8dd43fb1e3 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Sat, 21 Feb 2026 22:53:26 +0100
Subject: [PATCH] style: update layout of multiple pages to use consistent
 max-width and padding for improved responsiveness

---
 app/notifications/page.tsx       | 4 ++--
 app/org-settings/page.tsx        | 4 ++--
 app/settings/page.tsx            | 2 +-
 app/sites/[id]/page.tsx          | 2 +-
 app/sites/[id]/settings/page.tsx | 6 +++---
 app/sites/new/page.tsx           | 4 ++--
 6 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/app/notifications/page.tsx b/app/notifications/page.tsx
index be979d5..33a0746 100644
--- a/app/notifications/page.tsx
+++ b/app/notifications/page.tsx
@@ -90,7 +90,7 @@ export default function NotificationsPage() {
 
   if (!user?.org_id) {
     return (
-      <div className="min-h-screen pt-24 pb-12 px-4 sm:px-6">
+      <div className="w-full max-w-6xl mx-auto px-4 sm:px-6 py-8">
         <div className="max-w-2xl mx-auto text-center py-12">
           <p className="text-neutral-500">Switch to an organization to view notifications.</p>
           <Link href="/welcome" className="text-brand-orange hover:underline mt-4 inline-block">
@@ -102,7 +102,7 @@ export default function NotificationsPage() {
   }
 
   return (
-    <div className="min-h-screen pt-24 pb-12 px-4 sm:px-6">
+    <div className="w-full max-w-6xl mx-auto px-4 sm:px-6 py-8">
       <div className="max-w-2xl mx-auto">
         <div className="flex items-center justify-between mb-6">
           <Link
diff --git a/app/org-settings/page.tsx b/app/org-settings/page.tsx
index 8e3bf2e..0ed5837 100644
--- a/app/org-settings/page.tsx
+++ b/app/org-settings/page.tsx
@@ -8,8 +8,8 @@ export const metadata = {
 
 export default function OrgSettingsPage() {
   return (
-    <div className="min-h-screen pt-24 pb-12 px-4 sm:px-6">
-      <div className="max-w-4xl mx-auto">
+    <div className="w-full max-w-6xl mx-auto px-4 sm:px-6 py-8">
+      <div>
         <Suspense fallback={<div className="p-8 text-center text-neutral-500">Loading...</div>}>
           <OrganizationSettings />
         </Suspense>
diff --git a/app/settings/page.tsx b/app/settings/page.tsx
index 012f348..f56e3d2 100644
--- a/app/settings/page.tsx
+++ b/app/settings/page.tsx
@@ -7,7 +7,7 @@ export const metadata = {
 
 export default function SettingsPage() {
   return (
-    <div className="min-h-screen pt-12 pb-12 px-4 sm:px-6">
+    <div className="w-full max-w-6xl mx-auto px-4 sm:px-6 py-8">
       <ProfileSettings />
     </div>
   )
diff --git a/app/sites/[id]/page.tsx b/app/sites/[id]/page.tsx
index d541511..eb5665d 100644
--- a/app/sites/[id]/page.tsx
+++ b/app/sites/[id]/page.tsx
@@ -221,7 +221,7 @@ export default function SiteDashboardPage() {
 
   if (!site) {
     return (
-      <div className="container mx-auto px-4 py-8">
+      <div className="w-full max-w-6xl mx-auto px-4 sm:px-6 py-8">
         <p className="text-neutral-600 dark:text-neutral-400">Site not found</p>
       </div>
     )
diff --git a/app/sites/[id]/settings/page.tsx b/app/sites/[id]/settings/page.tsx
index 9270b83..723e8a2 100644
--- a/app/sites/[id]/settings/page.tsx
+++ b/app/sites/[id]/settings/page.tsx
@@ -323,15 +323,15 @@ export default function SiteSettingsPage() {
 
   if (!site) {
     return (
-      <div className="container mx-auto px-4 py-8">
+      <div className="w-full max-w-6xl mx-auto px-4 sm:px-6 py-8">
         <p className="text-neutral-600 dark:text-neutral-400">Site not found</p>
       </div>
     )
   }
 
   return (
-    <div className="min-h-screen pt-12 pb-12 px-4 sm:px-6">
-      <div className="max-w-4xl mx-auto space-y-8">
+    <div className="w-full max-w-6xl mx-auto px-4 sm:px-6 py-8">
+      <div className="space-y-8">
         <div>
           <h1 className="text-2xl font-bold text-neutral-900 dark:text-white">Site Settings</h1>
           <p className="mt-2 text-neutral-600 dark:text-neutral-400">
diff --git a/app/sites/new/page.tsx b/app/sites/new/page.tsx
index 9d73e53..062d978 100644
--- a/app/sites/new/page.tsx
+++ b/app/sites/new/page.tsx
@@ -106,7 +106,7 @@ export default function NewSitePage() {
   // * Step 2: Framework picker + script (same as /welcome after adding first site)
   if (createdSite) {
     return (
-      <div className="container mx-auto px-4 py-8 max-w-2xl">
+      <div className="w-full max-w-2xl mx-auto px-4 sm:px-6 py-8">
         <div className="bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 rounded-2xl p-8">
           <div className="text-center">
             <div className="mx-auto flex h-14 w-14 items-center justify-center rounded-full bg-green-500/10 text-green-600 dark:text-green-400 mb-6">
@@ -172,7 +172,7 @@ export default function NewSitePage() {
 
   // * Step 1: Name & domain form
   return (
-    <div className="container mx-auto px-4 py-8 max-w-2xl">
+    <div className="w-full max-w-2xl mx-auto px-4 sm:px-6 py-8">
       <h1 className="text-2xl font-bold mb-8 text-neutral-900 dark:text-white">
         Create New Site
       </h1>