Skip to content

Fwd: Monthy Hall frontend #30

@tickbot

Description

@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)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions