From 785d036dc6ca66f58cc18627c264d9cbd92a8ee1 Mon Sep 17 00:00:00 2001
From: znetsixe <zn375ix3@gmail.com>
Date: Thu, 23 Apr 2026 11:41:03 +0200
Subject: [PATCH] =?UTF-8?q?Editor:=20taller=20tank=20=E2=80=94=20more=20ve?=
 =?UTF-8?q?rtical=20room=20between=20threshold=20lines?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Tank height 340 → 520 px (viewBox 480 → 620). Lines that were
cramped in the bottom metre now have ~50 % more room, so:

- The Outlet arrow no longer visually crowds the minLevel line
- Dashed threshold lines (dryRunLevel, minLevel, outflowLevel)
  have visible breathing room between them for typical wastewater
  values where they sit in the bottom 1 m
- Input-stack GAP bumped 26 → 30 px to match the extra vertical
  real estate

Pure layout change — same proportional mapping, same nudging
algorithm, just more canvas. Floor/datum label and ordering-
warning ribbon positions shifted accordingly.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 pumpingStation.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/pumpingStation.html b/pumpingStation.html
index eed1882..01b5d21 100644
--- a/pumpingStation.html
+++ b/pumpingStation.html
@@ -178,7 +178,7 @@
       // (dryRunLevel, overfillLevel) that are shown both in the diagram
       // and next to the safety-% fields. Same formulas as
       // specificClass._validateThresholdOrdering.
-      const DIAG = { topY: 40, botY: 380 };
+      const DIAG = { topY: 40, botY: 560 };
       const fNum = (id) => {
         const v = parseFloat(document.getElementById(`node-input-${id}`)?.value);
         return Number.isFinite(v) ? v : null;
@@ -241,7 +241,7 @@
           { id: 'outflowLevel',  yLine: yForLevel(fNum('outflowLevel'),  basinH) },
         ].filter(it => it.yLine != null);
 
-        const GAP = 26;
+        const GAP = 30;
         items.sort((a, b) => a.yLine - b.yLine);
         let prev = -Infinity;
         for (const it of items) {
@@ -385,7 +385,7 @@
     #ps-basin-diagram input[type=number]:focus { outline: 1px solid #0c99d9; border-color: #0c99d9; }
   </style>
 
-  <svg id="ps-basin-diagram" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 520 480"
+  <svg id="ps-basin-diagram" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 520 620"
        style="display:block;width:100%;max-width:540px;margin:0 0 12px 0;background:#fff;border:1px solid #e5e5e5;border-radius:4px;"
        font-family="Arial,sans-serif" font-size="11">
     <defs>
@@ -395,7 +395,7 @@
     </defs>
 
     <!-- Tank body -->
-    <rect x="200" y="40" width="120" height="340" fill="#F0F8FF" stroke="#333" stroke-width="1.5" />
+    <rect x="200" y="40" width="120" height="520" fill="#F0F8FF" stroke="#333" stroke-width="1.5" />
     <!-- Dead-volume band (y + height updated dynamically below outflowLevel) -->
     <rect id="ps-deadvol" x="201" width="118" fill="#AACCE0" />
 
@@ -462,8 +462,8 @@
     <text id="ps-unit-outflowLevel" x="500" fill="#555">m</text>
 
     <!-- Floor / datum -->
-    <line x1="195" y1="380" x2="325" y2="380" stroke="#000" stroke-width="2" />
-    <text x="330" y="384" fill="#000">0 m (datum)</text>
+    <line x1="195" y1="560" x2="325" y2="560" stroke="#000" stroke-width="2" />
+    <text x="330" y="564" fill="#000">0 m (datum)</text>
 
     <!-- Leader lines: shown when the input row had to be nudged off its threshold's ideal y -->
     <line id="ps-leader-basinHeight"   x1="0" y1="0" x2="0" y2="0" stroke="#bbb" stroke-width="0.6" stroke-dasharray="2 2" visibility="hidden" />
@@ -475,7 +475,7 @@
     <line id="ps-leader-outflowLevel"  x1="0" y1="0" x2="0" y2="0" stroke="#bbb" stroke-width="0.6" stroke-dasharray="2 2" visibility="hidden" />
 
     <!-- Ordering-warning ribbon -->
-    <text id="ps-warning" x="260" y="460" text-anchor="middle" fill="#C0392B" font-size="10" font-style="italic" visibility="hidden"></text>
+    <text id="ps-warning" x="260" y="600" text-anchor="middle" fill="#C0392B" font-size="10" font-style="italic" visibility="hidden"></text>
   </svg>
 
   <div class="form-row">