jonastirona/ao5

UI: Polish layout for small mobile screens

Offen

#5 geöffnet am 02.12.2025

Auf GitHub ansehenContributor Guide
 (0 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (0 Forks)auto 404
good first issueui

Repository-Metriken

Stars
 (2 Sterne)
PR-Merge-Metriken
 (PR-Metriken ausstehend)

Beschreibung

Description: On smaller devices (e.g., iPhone SE, older Androids), some UI elements feel cramped or misaligned.

File: apps/web/src/components

Task:

  • Check the Settings modal on mobile; ensure it scrolls correctly and doesn’t get cut off.
  • Adjust padding for the main timer display on screens narrower than 375px.
  • Ensure the "Session List" is easily tappable on mobile.

Contributor Guide

Research-Richtung
Untersuche die Komponenten in apps/web/src/components, identifiziere CSS Probleme auf kleinen Bildschirmen und wende responsive Anpassungen mit Media Queries oder Flexbox/Grid Verbesserungen an.
Tech Stack
typescriptreact
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Frisch
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
CSSResponsive Design
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75