Die Reaktionstafel landete in der Spalte des Namenskreises

Filipe, mit einem Bildschirmfoto: "was ist das den fuer eine scheisse
verbesser das sofort." Darauf ein dreissig Pixel schmaler Streifen,
sechs Zeichen untereinander, ein Rollbalken daneben.

.chat-nachricht ist ein RASTER aus zwei Spalten: dreissig Pixel fuer
den Kreis mit den Initialen, der Rest fuer die Blase. Ein Kind ohne
Spaltenangabe wird automatisch in die naechste freie Zelle gesetzt --
und das ist die Spalte des Kreises. `width: min(330px, 100%)` machte
daraus brav 30 Pixel, und die Zeichen stapelten sich.

UND WARUM ES NIEMANDEM AUFGEFALLEN IST: Bei der EIGENEN Nachricht
entfaellt der Kreis, das Raster hat dann nur eine Spalte, die Tafel
bekam die volle Breite. Die Pruefung vom 14.09. hat genau diesen Fall
gemessen -- nachgemessen heute: selbst=ja, eine Spalte, 611 px. Sie
war gruen, waehrend es bei JEDER fremden Nachricht kaputt war.

Und sie hat ausserdem nur Anwesenheit geprueft ("gibt es die
Elemente", "sucht die Suche") -- nie Geometrie. Eine dreissig Pixel
breite Tafel besteht jede dieser Zeilen.

Jetzt gemessen, und zwar in BEIDEN Faellen: Breite, ob die sechs
Vorschlaege auf EINER Zeile stehen, und ob die Tafel neben dem Kreis
steht statt darunter. Dafuer schreibt der Testraum jetzt auch eine
Nachricht von jemand anderem -- ohne die gab es dort nur eigene.

GEGENPROBE (Reparatur kurz entfernt, gemessen, wieder eingesetzt):

  ohne  30 px, 6 Zeilen, +0 px   <- genau das Bildschirmfoto
  mit   330 px, 1 Zeile, +39 px

  server/pruef-chat-aufloesen.mjs   125 Pruefungen (vorher 119)
  pruef-chat-optik, pruef-chat, pruef-css-klassen -- alle in Ordnung

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

workspace/assets/css/chat.css

@@ -1029,6 +1029,24 @@
    bunten Punkte sind. */
 .reagieren-tafel {
   position: relative; z-index: 5;
+  /* SIE MUSS SAGEN, IN WELCHE SPALTE SIE GEHOERT (15.09.2026).
+
+     Filipe, mit einem Bildschirmfoto: "was ist das den fuer eine
+     scheisse verbesser das sofort." Darauf ein dreissig Pixel schmaler
+     Streifen mit sechs Zeichen untereinander.
+
+     .chat-nachricht ist ein RASTER aus zwei Spalten: dreissig Pixel
+     fuer den Kreis mit den Initialen, der Rest fuer die Blase. Ein
+     Kind ohne Spaltenangabe wird automatisch in die naechste freie
+     Zelle gesetzt -- und das ist die Spalte des Kreises. Die Tafel
+     bekam damit dreissig Pixel, `width: min(330px, 100%)` machte
+     brav 30 daraus, und die Zeichen stapelten sich.
+
+     BEI EIGENEN NACHRICHTEN FIEL ES NIE AUF: Dort hat das Raster nur
+     EINE Spalte (der Kreis entfaellt), die Tafel bekam die volle
+     Breite. Und genau diesen Fall hat die Pruefung gemessen -- sie war
+     gruen, waehrend es bei jeder fremden Nachricht kaputt war. */
+  grid-column: 2; justify-self: start;
   margin: 8px 0 2px;
   width: min(330px, 100%);
   border: 1px solid var(--rand-hell, var(--rand));
@@ -1048,6 +1066,11 @@
 @media (prefers-reduced-motion: reduce) {
   .reagieren-tafel { animation: none; }
 }
+/* Die eigene Nachricht hat nur eine Spalte -- dort waere `2` eine
+   Spalte, die es nicht gibt, und das Raster legte still eine an. */
+.chat-nachricht[data-selbst="ja"] .reagieren-tafel {
+  grid-column: 1; justify-self: end;
+}
 
 /* Kopf: die Vorschlaege nehmen den Platz, der Stern bleibt rechts. */
 .reagieren-tafel__kopf {