From a75b7267c52e5aed676a2ad5edae9271c601d8b7 Mon Sep 17 00:00:00 2001
From: Jocadbz <joaquimmadureira@protonmail.com>
Date: Tue, 9 Jun 2026 19:10:59 -0300
Subject: [PATCH] Un-collapse connection form + add New Device to nav

The 'Create Connection' form now shows directly when clicking an
unconnected port instead of being hidden inside a <details> element
requiring two clicks. Added a 'New Device' nav link that jumps to
the create form on the overview page.
---
 templates/base.html     | 1 +
 templates/overview.html | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/templates/base.html b/templates/base.html
index da7a601..323ee87 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -12,6 +12,7 @@
         <a href="/" class="nav-brand">Wireplanner</a>
         <div class="nav-links">
             <a href="/">Overview</a>
+            <a href="/#create-device">New Device</a>
             <a href="/models">Models</a>
             <a href="/wall-sockets">Wall Sockets</a>
         </div>
diff --git a/templates/overview.html b/templates/overview.html
index d7d87b6..3775b4f 100644
--- a/templates/overview.html
+++ b/templates/overview.html
@@ -29,7 +29,7 @@
 
 <section>
 <h2>Devices</h2>
-<div class="grid">
+<div class="grid" id="create-device">
 {{range .Devices}}
 <a href="/devices/{{.ID}}" class="card">
     <strong>{{.Name}}</strong>
@@ -40,7 +40,7 @@
 <div class="empty-state">No devices yet. Create one or add a rack first.</div>
 {{end}}
 </div>
-<details>
+<details id="create-device">
 <summary>Create Device</summary>
 <form method="POST" action="/devices/add">
     <label>Name <input name="name" required></label>