From 9b7ef5832e56c8ea2249b2989e603daffe560237 Mon Sep 17 00:00:00 2001
From: Jens Ahrensfeld <jens@jayfield.org>
Date: Thu, 25 Jun 2026 00:28:03 +0200
Subject: [PATCH] Move Sud controls into the header bar next to Connect

New/Load/Save/Start/Stop now live in #sud-controls inside
#connection-bar, visible regardless of which tab is active, instead of
a standalone panel above the tabs. Drops the now-unused .button-row
rule along with it.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0189FkmyJkY77HqsNomr1DwV
---
 web/index.html | 21 ++++++++-------------
 web/style.css  | 16 ++++++++++------
 2 files changed, 18 insertions(+), 19 deletions(-)

diff --git a/web/index.html b/web/index.html
index eda2405..0176770 100644
--- a/web/index.html
+++ b/web/index.html
@@ -11,6 +11,14 @@
 	<label>Host <input id="host" type="text"></label>
 	<button id="btn-connect">Connect</button>
 	<span id="conn-status" class="status-disconnected">Disconnected</span>
+	<span id="sud-controls">
+		<button id="btn-sud-new">New</button>
+		<button id="btn-sud-load">Load&hellip;</button>
+		<input type="file" id="sud-file-input" accept="application/json" class="hidden">
+		<button id="btn-sud-save">Save&hellip;</button>
+		<button id="btn-sud-start">Start</button>
+		<button id="btn-sud-stop">Stop</button>
+	</span>
 </header>
 
 <div id="lcd-panel">
@@ -43,19 +51,6 @@
 
 <main>
 	<section id="tab-manual" class="tab-content active">
-		<div class="panel">
-			<h3>Sud</h3>
-			<div class="button-row">
-				<button id="btn-sud-new">New</button>
-				<button id="btn-sud-load">Load&hellip;</button>
-				<input type="file" id="sud-file-input" accept="application/json" class="hidden">
-				<button id="btn-sud-save">Save&hellip;</button>
-			</div>
-			<div class="button-row">
-				<button id="btn-sud-start">Start</button>
-				<button id="btn-sud-stop">Stop</button>
-			</div>
-		</div>
 		<div class="panel">
 			<h3>Controller</h3>
 			<label><input type="checkbox" id="tc-enabled"> Enabled</label>
diff --git a/web/style.css b/web/style.css
index 9920a8e..3d5a3f8 100644
--- a/web/style.css
+++ b/web/style.css
@@ -16,6 +16,7 @@ body {
 header#connection-bar {
 	display: flex;
 	align-items: center;
+	flex-wrap: wrap;
 	gap: 1em;
 	padding-bottom: 0.5em;
 	border-bottom: 1px solid #ccc;
@@ -24,6 +25,14 @@ header#connection-bar {
 .status-connected { color: #2ecc71; font-weight: bold; }
 .status-disconnected { color: #999; }
 
+#sud-controls {
+	display: flex;
+	align-items: center;
+	gap: 0.5em;
+	padding-left: 1em;
+	border-left: 1px solid #ccc;
+}
+
 #lcd-panel {
 	display: grid;
 	grid-template-columns: 10em 6em 6em;
@@ -84,12 +93,7 @@ nav#tabs {
 
 .hidden { display: none; }
 
-.button-row {
-	display: flex;
-	gap: 0.5em;
-	margin: 0.3em 0;
-}
-.button-row button:disabled { opacity: 0.5; cursor: default; }
+#sud-controls button:disabled { opacity: 0.5; cursor: default; }
 
 #step-plates { display: flex; flex-direction: column; gap: 0.5em; max-width: 36em; }