Fwd: Monthy Hall frontend

[tickbot]

Mail Metadata

From: "Alexander Sept | byqurity.dev GmbH" alexander.sept@byqurity.dev To: as@temp.byqurity.dev Date: 2025-11-11T13:19:21.000Z
Message-ID: 32C2E054-2ACD-4794-8570-D8EEF4F41481@byqurity.dev

Buttontext nicht zentriert — Monthy Hall frontend

Kurz: Der Text in einem Button ist nicht vollständig zentriert. Bitte schnell fixen und testen.

Beschreibung

Auf der UI (Monthy Hall frontend) ist der Text innerhalb eines Button-Elementes nicht exakt zentriert — optisch verschoben. Vermutlich CSS-Probleme bei Alignment/Line-height/Padding.

Reproduktion

• Seite öffnen: (z. B. Start-/Game-View)
• Betroffenen Button lokalisieren (Haupt-CTA / Buttons in Game-Controls)
• Beobachten: Text ist nicht horizontal/vertikal zentriert

Erwartetes Verhalten

• Button-Text ist immer horizontal und vertikal zentriert über verschiedene Browser und Viewports.

Vorschlag zur Umsetzung

• Identifizieren des betroffenen Selektors (z. B. .btn, button, button.primary)
• CSS ändern, z. B.:
  • display: inline-flex;
  • align-items: center;
  • justify-content: center;
  • line-height: normal; (oder line-height: 1)
  • Padding prüfen/vereinheitlichen
• Render- und responsiv testen (Chrome, Firefox, Safari, Mobil)

Aufgaben

• Betroffenen Button/Selektor identifizieren
• CSS anpassen (inline-flex + align/justify + line-height)
• Visuelle Tests in Browsern durchführen (Chrome/Firefox/Safari, Mobile)
• Visuelle Regression / Screenshot-Test hinzufügen
• Code-Review & Merge

Akzeptanzkriterien

• Text ist horizontal zentriert (bei normalen und vergrößerten Schriftgrößen)
• Text ist vertikal zentriert (bei Hover/Active/Disabled-Zuständen)
• Verhalten ist konsistent in Chrome, Firefox und Safari (Desktop & Mobile)
• Visuelle Regressionstests zeigen keine unerwarteten Änderungen

Bitte kurz Rückmeldung, welcher Button betroffen ist falls ich das nicht korrekt identifiziert habe.

Anhänge:

Bild: Screenshot 2025-10-06 at 13.27.33.png (image/png)