From 8e4cb8459977268b65aacfd18e27cebbba62b6ef Mon Sep 17 00:00:00 2001
From: M1 <m1-pro@M1s-MacBook-Pro.local>
Date: Mon, 16 Mar 2026 17:15:45 +0400
Subject: [PATCH] ux: widen dashboard layout to max-w-7xl, consistent px-8
 padding

---
 apps/web/src/views/detail.ejs       | 2 +-
 apps/web/src/views/home.ejs         | 2 +-
 apps/web/src/views/partials/nav.ejs | 2 +-
 apps/web/src/views/settings.ejs     | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/views/detail.ejs b/apps/web/src/views/detail.ejs
index f2f09d4..cb45e04 100644
--- a/apps/web/src/views/detail.ejs
+++ b/apps/web/src/views/detail.ejs
@@ -1,7 +1,7 @@
 <%~ include('./partials/head', { title: 'Monitor', scripts: ['/dashboard/query-builder.js'] }) %>
 <%~ include('./partials/nav', { nav: 'monitors' }) %>
 
-<main class="max-w-4xl mx-auto px-6 py-8">
+<main class="max-w-7xl mx-auto px-8 py-8">
     <div class="mb-6">
       <a href="/dashboard/home" class="text-sm text-gray-500 hover:text-gray-300 transition-colors">&larr; Back</a>
     </div>
diff --git a/apps/web/src/views/home.ejs b/apps/web/src/views/home.ejs
index 80e1d79..0873f9d 100644
--- a/apps/web/src/views/home.ejs
+++ b/apps/web/src/views/home.ejs
@@ -2,7 +2,7 @@
 <%~ include('./partials/nav', { nav: 'monitors' }) %>
 
 <!-- Content -->
-  <main class="max-w-5xl mx-auto px-6 py-8">
+  <main class="max-w-7xl mx-auto px-8 py-8">
     <div class="flex items-center justify-between mb-6">
       <h2 class="text-lg font-semibold text-gray-200">Monitors</h2>
       <div class="flex items-center gap-4">
diff --git a/apps/web/src/views/partials/nav.ejs b/apps/web/src/views/partials/nav.ejs
index 9a3167f..ff33875 100644
--- a/apps/web/src/views/partials/nav.ejs
+++ b/apps/web/src/views/partials/nav.ejs
@@ -1,4 +1,4 @@
-<nav class="border-b border-gray-800 px-6 py-4 flex items-center justify-between">
+<nav class="border-b border-gray-800 px-8 py-4 flex items-center justify-between">
   <a href="/dashboard/home" class="text-xl font-bold tracking-tight">Ping<span class="text-blue-400">QL</span></a>
   <div class="flex items-center gap-5 text-sm text-gray-500">
     <% if (it.nav === 'monitors') { %>
diff --git a/apps/web/src/views/settings.ejs b/apps/web/src/views/settings.ejs
index 5ad4448..f7a0bfe 100644
--- a/apps/web/src/views/settings.ejs
+++ b/apps/web/src/views/settings.ejs
@@ -1,7 +1,7 @@
 <%~ include('./partials/head', { title: 'Settings' }) %>
 <%~ include('./partials/nav', { nav: 'settings' }) %>
 
-<main class="max-w-2xl mx-auto px-6 py-10 space-y-8">
+<main class="max-w-3xl mx-auto px-8 py-10 space-y-8">
 
     <h1 class="text-xl font-semibold text-white">Settings</h1>