From 87b22efc5659b49501231ba3be4a8dc362d26e9e Mon Sep 17 00:00:00 2001
From: Ramon <dev@ramonbesselink.nl>
Date: Thu, 16 Jul 2026 07:44:38 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20tekstzoom=20terug=20op=20telefoon=20en?=
 =?UTF-8?q?=20tekenbalk=20botst=20niet=20meer=20met=20=EF=BC=8B/borden=20(?=
 =?UTF-8?q?v0.3.62-beta)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- A−/A＋ (tekstzoom, toegankelijkheid) staan weer bovenaan in de telefoon-balk; alleen het percentage, de catalogusknop en volledig scherm blijven daar verborgen (opslaan-knop zonder minimumbreedte zodat alles past, ook op 320px)
- Echte oorzaak van het steeds opende afbeeldingen-/bordenscherm gevonden: op telefoons lagen de ＋-knop en de paarse bordenknop bovenop de tekenbalk - wissen/sluiten aantikken opende dus het ＋-menu of het bordenpaneel
- De tekenbalk ligt op telefoons nu in een eigen laag bóven de knoppenrij (groeit omhoog, dus veilig bij elke schermbreedte); ＋ en borden houden de onderrand
- Geverifieerd op 390px én 320px (8 checks): geen overlap, sluit-/wisknop raakt echt de tekenbalk, balk past volledig, A−/A＋ zichtbaar

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0149FgUQvuwxKKEdvQGmNngF
---
 VERSION              |  2 +-
 public/css/teach.css | 17 +++++++++++++----
 public/js/core.js    |  2 +-
 3 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/VERSION b/VERSION
index 73f227f..9b6937f 100644
--- a/VERSION
+++ b/VERSION
@@ -1 +1 @@
-0.3.61-beta
+0.3.62-beta
diff --git a/public/css/teach.css b/public/css/teach.css
index edd676b..926ee41 100644
--- a/public/css/teach.css
+++ b/public/css/teach.css
@@ -1339,12 +1339,21 @@ body.hc .am-reset,body.hc .am-reset-row{border:1.5px solid #000; background:var(
   .tbtn{padding:0 10px; font-size:13px;}
   /* de balk moet écht passen: zonder dit vielen 💾 Opslaan en ⚙ Instellingen
      buiten beeld en zat 🖼 (afbeeldingscatalogus) precies onder de duim -
-     elke mis-tik opende dan het schermvullende afbeeldingenscherm. Zoom en
-     de catalogus zijn op een telefoon niet essentieel (de catalogus blijft
-     via het ＋-menu → afbeelding bereikbaar), opslaan toont alleen 💾. */
-  #btnZoomOut,#zoomPct,#btnZoomIn,#btnImages,#btnFs{display:none;}
+     elke mis-tik opende dan het schermvullende afbeeldingenscherm. De
+     tekstzoom (A−/A＋) is toegankelijkheid en blijft dus zichtbaar; alleen
+     het percentage, de catalogusknop (blijft via ＋-menu bereikbaar) en
+     volledig scherm verdwijnen, en opslaan toont alleen 💾. */
+  #zoomPct,#btnImages,#btnFs{display:none;}
   #btnSave span{display:none;}
+  #btnSave{min-width:0;}
   #userLbl{display:inline-block; max-width:96px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:bottom;}
+  /* tekenbalk en zwevende knoppen deelden op een telefoon de onderrand en
+     lagen over elkaar heen: wissen/sluiten op de tekenbalk raakten dan de
+     ＋- of bordenknop, waardoor "steeds" het bordenpaneel of ＋-menu
+     (→ afbeeldingenscherm) opende. Nu ligt de tekenbalk in een eigen laag
+     bóven de knoppenrij (hij groeit omhoog, dus dit klopt bij elke
+     schermbreedte), en houden ＋ en borden de onderrand voor zichzelf. */
+  #hud{left:8px; right:8px; bottom:88px; transform:none; max-width:none; justify-content:center;}
 
   /* beheerpaneel: dichte rijen worden gestapeld i.p.v. verdrukt */
   .am-row{flex-direction:column; align-items:stretch;}
diff --git a/public/js/core.js b/public/js/core.js
index 664a102..c84debb 100644
--- a/public/js/core.js
+++ b/public/js/core.js
@@ -2,7 +2,7 @@
 "use strict";
 /* version — shown until /api/version resolves (or if the fetch fails, e.g. offline).
    Kept in sync by hand with the VERSION file at the repo root on every release. */
-const VERSION = "0.3.61-beta";
+const VERSION = "0.3.62-beta";
 (function(){
   const tag = document.getElementById("verTag");
   tag.textContent = "v"+VERSION;