Community: das Handy aufgeraeumt, und leere Bretter zeigen keine Filter

BISHER HABE ICH AM RECHNER GEMESSEN. Die Community ist ueberwiegend
mit dem Telefon unterwegs -- also 412 px, alle sieben Bretter.

1. FUENF KARTEN, DREI VERSCHIEDENE ANORDNUNGEN. Am Rechner stehen
   Etikett, Titel und Zustand nebeneinander, und das ist richtig. Auf
   412 px hing es an der LAENGE des Etiketts: Bei "SONSTIGES" passte
   der Titel noch daneben und "Offen" rutschte darunter; bei "FUER DEN
   STREAM" stand das Etikett allein oben und "Offen" ploetzlich RECHTS
   vom Titel. Inhaltlich unterschied sich nichts -- man liest es als
   Unordnung.

   Unter 560 px jetzt feste Reihenfolge: die Marken oben nebeneinander,
   der Titel darunter ueber die volle Breite. Immer gleich.

2. "ERLEDIGT" STAND ZWISCHEN NAME UND ROLLE: "von Filipe · erledigt ·
   DogFather". Der Rollenname gehoert zum Namen davor, und "erledigt"
   ist eine Aussage ueber den Eintrag, nicht ueber die Person --
   dazwischen gelesen wirkt es, als sei jemand erledigt.

3. FILTER FUER NICHTS. Am ersten Tag steht auf jedem Brett ein Satz wie
   "Noch hat niemand Hallo gesagt. Sei der Erste - ein Satz reicht."
   Darueber standen fuenf Filterknoepfe. Das ist die schlechteste
   Stelle fuer Bedienelemente, die ins Leere fuehren: Wer zum ersten
   Mal hier ist, soll den Satz lesen und schreiben.

   Wie bei "Nur offene" ist `!filter` der wichtige Teil: Ist die Liste
   leer, WEIL gefiltert wird, bleibt die Reihe stehen -- sonst kaeme
   man nie wieder zu "Alle" zurueck. Gemessen: leer 0 Filter, mit
   Inhalt 5 bzw. 6.

UND DAS MESSWERKZEUG KANN JETZT LEERE BRETTER ZEIGEN (LEER=ja). Die
Texte dafuer gibt es seit Langem -- gesehen hatte sie noch niemand,
weil jede Messung vorher erst den Startkatalog uebernimmt. Genau
deshalb war der Filter dort nie aufgefallen.

Co-Authored-By: Claude Opus 5 <[email protected]>

workspace/assets/css/bereich.css

@@ -19,6 +19,30 @@
 }
 .eintrag-titel { font-weight: 600; font-size: .96rem; flex: 1 1 240px; }
 
+/* ---- DER KARTENKOPF AUF DEM HANDY (18.09.2026) --------------------
+
+   Am Rechner stehen Etikett, Titel und Zustand nebeneinander, und das
+   ist richtig. Auf 412 px hing es dagegen an der Länge des Etiketts:
+   Bei „SONSTIGES" passte der Titel noch daneben, und „Offen" rutschte
+   in die Zeile darunter. Bei „FÜR DEN STREAM" passte er nicht mehr --
+   dann stand das Etikett allein oben und „Offen" plötzlich RECHTS vom
+   Titel.
+
+   Fünf Karten untereinander sahen damit auf drei verschiedene Arten
+   aus, ohne dass sich inhaltlich etwas unterschied. Das liest man als
+   Unordnung, nicht als Information.
+
+   Unter 560 px deshalb feste Reihenfolge: die Marken oben
+   nebeneinander, der Titel darunter über die volle Breite. Immer
+   gleich, unabhängig davon, wie lang das Etikett ist. */
+@media (max-width: 560px) {
+  .eintrag-kopf { align-items: center; row-gap: 6px; }
+  .eintrag-titel { flex: 1 1 100%; order: 2; }
+  .marke-art { order: 1; }
+  .wunsch-stand { order: 1; }
+  .bewertung { order: 3; }
+}
+
 .marke-art {
   padding: 1px 9px; border-radius: 999px;
   background: rgba(63, 189, 245, .14); color: #7fd2fb;

workspace/assets/js/bereich.js

@@ -640,7 +640,6 @@
     if (!stand && !e.termin) fuss.append(el('span', null, datum(e.datum)));
     if (LEITUNG.has(ich.rolle) && e.creator_name) fuss.append(el('span', null, '· ' + e.creator_name));
     if (e.erstellt_name) fuss.append(el('span', null, '· von ' + e.erstellt_name));
-    if (e.status === 'erledigt') fuss.append(el('span', null, '· erledigt'));
 
     /* ---- Der Treff -------------------------------------------------
 
@@ -661,6 +660,14 @@
       fuss.append(el('span', 'treff-rolle', '· ' + e.erstellt_rolle_name));
     }
 
+    /* „erledigt" ANS ENDE, nicht zwischen Name und Rolle (18.09.2026).
+
+       Vorher stand dort „von Filipe · erledigt · DogFather" -- der
+       Rollenname gehört aber zum Namen davor, und „erledigt" ist eine
+       Aussage über den Eintrag, nicht über die Person. Dazwischen
+       gelesen wirkt es, als sei jemand erledigt. */
+    if (e.status === 'erledigt') fuss.append(el('span', null, '· erledigt'));
+
     if (treffBrett && lage) {
       const zeile = el('div', 'treff-knoepfe');
 
@@ -1233,6 +1240,22 @@
        alles, sortiert und mit Überschriften. Die Sprungmarken bleiben
        -- sie sind das Inhaltsverzeichnis. */
     if (NACH_ART[bereich]) { filter = ''; return; }
+
+    /* ---- UND AUF EINEM LEEREN BRETT GAR KEINEN (18.09.2026) --------
+
+       Am ersten Tag steht auf jedem Brett ein Satz wie „Noch hat
+       niemand Hallo gesagt. Sei der Erste — ein Satz reicht." Darueber
+       standen fuenf Filterknoepfe: „Alle · Frage · Das war gut · …"
+       Filter fuer nichts.
+
+       Das ist die schlechteste Stelle fuer Bedienelemente, die ins
+       Leere fuehren: Wer zum ersten Mal hier ist, soll den Satz lesen
+       und schreiben -- nicht ueberlegen, was die sechs Knoepfe tun.
+
+       `!filter` ist wieder der wichtige Teil: Ist die Liste leer, WEIL
+       gefiltert wird, muss die Reihe stehen bleiben. Sonst kaeme man
+       nie wieder zu „Alle" zurueck. */
+    if (!eintraege.length && !filter) return;
     const knopf = (wert, text) => {
       const b = el('button', 'schritt', text);
       b.type = 'button';