From 389c88e124971b3497d0064d7e727b85992d152e Mon Sep 17 00:00:00 2001
From: M1 <m1-pro@M1s-MacBook-Pro.local>
Date: Mon, 16 Mar 2026 15:09:15 +0400
Subject: [PATCH] ux: move new monitor button to content area next to heading

---
 apps/web/src/dashboard/home.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/dashboard/home.html b/apps/web/src/dashboard/home.html
index fbb6ccd..25cfc19 100644
--- a/apps/web/src/dashboard/home.html
+++ b/apps/web/src/dashboard/home.html
@@ -16,7 +16,6 @@
   <nav class="border-b border-gray-800 px-6 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-4">
-      <a href="/dashboard/monitors/new" class="bg-blue-600 hover:bg-blue-500 text-white text-sm font-medium px-4 py-2 rounded-lg transition-colors">+ New Monitor</a>
       <a href="/dashboard/settings" class="text-gray-500 hover:text-gray-300 text-sm transition-colors">Settings</a>
       <button onclick="logout()" class="text-gray-500 hover:text-gray-300 text-sm transition-colors">Logout</button>
     </div>
@@ -26,7 +25,10 @@
   <main class="max-w-5xl mx-auto px-6 py-8">
     <div class="flex items-center justify-between mb-6">
       <h2 class="text-lg font-semibold text-gray-200">Monitors</h2>
-      <div id="summary" class="text-sm text-gray-500"></div>
+      <div class="flex items-center gap-4">
+        <div id="summary" class="text-sm text-gray-500"></div>
+        <a href="/dashboard/monitors/new" class="bg-blue-600 hover:bg-blue-500 text-white text-sm font-medium px-4 py-2 rounded-lg transition-colors">+ New</a>
+      </div>
     </div>
 
     <div id="monitors-list" class="space-y-3">