From a2519116d547549ecb0b1a947128790d8b731795 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alejandro=20Guti=C3=A9rrez?=
 <35082514+alezmad@users.noreply.github.com>
Date: Mon, 2 Feb 2026 18:17:55 +0000
Subject: [PATCH] Extend deployments table to use more horizontal space

Deployments tab now uses max-w-[1600px] instead of max-w-6xl.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/app/page.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f39d6be..bb1f6f2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -329,7 +329,9 @@ export default function Home() {
     <div className="min-h-screen bg-slate-50 dark:bg-stone-950">
       <Header activeTab={activeTab} onTabChange={(tab) => setActiveTab(tab as TabId)} tabs={tabs} />
 
-      <main className="max-w-6xl mx-auto px-4 sm:px-6 py-8 overflow-hidden">
+      <main className={`mx-auto px-4 sm:px-6 py-8 overflow-hidden ${
+        activeTab === 'deployments' ? 'max-w-[1600px]' : 'max-w-6xl'
+      }`}>
         {renderTabContent()}
       </main>