From 59b18b95b6821b20c65b1abe3b2bea97baff6b6c Mon Sep 17 00:00:00 2001
From: Jens Ahrensfeld <jens@jayfield.org>
Date: Fri, 26 Jun 2026 21:49:36 +0200
Subject: [PATCH] Move pot/thermometer next to LCD panel, scale to 144px

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

diff --git a/web/index.html b/web/index.html
index bc8cf8c..1709815 100644
--- a/web/index.html
+++ b/web/index.html
@@ -22,6 +22,7 @@
 	</span>
 </header>
 
+<div id="lcd-pot-row">
 <div id="lcd-panel">
 	<div class="lcd-row lcd-header">
 		<div class="lcd-label"></div>
@@ -111,6 +112,7 @@
           fill="#e0e0e0" text-anchor="middle">--</text>
   </svg>
 </div>
+</div><!-- #lcd-pot-row -->
 
 <nav id="tabs">
 	<button class="tab-btn active" data-tab="manual">Manual</button>
diff --git a/web/style.css b/web/style.css
index 489dc9d..9350c79 100644
--- a/web/style.css
+++ b/web/style.css
@@ -115,7 +115,6 @@ header#connection-bar {
     display: grid;
     grid-template-columns: 11em 6em 6em;
     gap: 0.25em 1em;
-    margin: 1em 0;
     max-width: 32em;
 }
 .lcd-row    { display: contents; }
@@ -133,14 +132,22 @@ header#connection-bar {
     border-radius: 3px;
 }
 
+/* --- LCD + pot row --- */
+
+#lcd-pot-row {
+    display: flex;
+    align-items: flex-start;
+    gap: 1.5em;
+    margin: 1em 0;
+}
+
 /* --- Pot visualization --- */
 
 #pot-view {
-    margin: 0.5em 0 0.5em 0;
+    flex-shrink: 0;
 }
 #pot-svg {
-    width: 100%;
-    max-width: 180px;
+    width: 144px;
     height: auto;
     display: block;
 }