fix: tekstzoom terug op telefoon en tekenbalk botst niet meer met ＋/borden (v0.3.62-beta)

- 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

@@ -1 +1 @@
-0.3.61-beta
+0.3.62-beta

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;}

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;