fix: overzicht en scheiding in de Scholen-sectie van School (v0.4.12-beta)

De losse schoolkaarten stonden zonder eigen kader los in de pagina en liepen
zonder duidelijke grens over in de Gebruikers-sectie eronder - verwarrend
omdat dezelfde schoolnaam daar soms letterlijk direct weer opduikt (nu als
groepskop i.p.v. kaart).

- Scholen krijgt een eigen omkaderd paneel (.am-panel) dat alle schoolkaarten
  en "+ School" samenbindt tot één zichtbaar geheel
- duidelijke scheidingslijn + meer ruimte vóór de volgende sectiekop, maar
  alleen ná een echte sectie (geen ongewenste lijn boven Gebruikers wanneer
  Scholen niet getoond wordt, bv. bij een gekozen school)
- geverifieerd in een echte headless Chromium: zowel de "alle scholen"-
  weergave (met paneel) als de weergave voor een gekozen school (zonder,
  geen regressie)

VERSION

@@ -1 +1 @@
-0.4.11-beta
+0.4.12-beta

public/css/teach.css

@@ -1266,8 +1266,16 @@
 .am-head h2{margin:0; font-size:20px;}
 .am-h3{margin:14px 0 6px; font-size:14px; color:var(--muted); text-transform:uppercase; letter-spacing:.5px;}
 /* School/Klassen/Gebruikers staan nu na elkaar in één tabblad i.p.v. drie
-   losse - wat lucht onder elk blok zodat de volgende kop niet knelt */
+   losse - wat lucht onder elk blok zodat de volgende kop niet knelt, en een
-.am-section{margin-bottom:10px;}
+   duidelijke scheidingslijn zodra er een nieuwe sectie begint (alleen ná een
+   sectie, dus niet boven de allereerste kop van de pagina) */
+.am-section{margin-bottom:14px;}
+.am-section + .am-h3{margin-top:22px; padding-top:16px; border-top:1px solid var(--line);}
+/* Scholen is de enige sectie die niet zelf al een omkaderde lijst heeft
+   (Gebruikers heeft dat via .am-list) - een eigen paneel bindt de losse
+   schoolkaarten samen tot één zichtbaar geheel i.p.v. rijen die zomaar
+   overlopen in de sectie erna */
+.am-panel{background:var(--surface-2); border:1px solid var(--line); border-radius:var(--radius); padding:10px;}
 .am-msg{
   min-height:20px; font-size:13.5px; font-weight:700; color:var(--green); margin:4px 0;
   display:flex; align-items:center; gap:8px; flex-wrap:wrap;

public/js/admin.js

@@ -1460,7 +1460,11 @@
        klassen hebben dus geen eigen kop/paneel meer hier. */
     if(currentUser.role==="super" && !selSchool){
       panel.appendChild(h("h3","am-h3", T("amSchools")));
-      const sub = h("div","am-section");
+      /* eigen kader om de hele Scholen-sectie: zonder dit oogt de lijst als
+         losse rijen die zomaar overlopen in de Gebruikers-sectie eronder -
+         met dezelfde schoolnaam soms letterlijk twee keer vlak onder elkaar
+         (als kaart hier, als groepskop daar) */
+      const sub = h("div","am-section am-panel");
       renderScholenPanel(sub);
       panel.appendChild(sub);
     }

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.4.11-beta";
+const VERSION = "0.4.12-beta";
 (function(){
   const tag = document.getElementById("verTag");
   tag.textContent = "v"+VERSION;