diff --git a/app/globals.css b/app/globals.css index b8dae72..f9d371c 100644 --- a/app/globals.css +++ b/app/globals.css @@ -282,6 +282,7 @@ table.standings { width: 100%; border-collapse: collapse; } .wrap { padding: 0 12px; } /* ---------- mobil: Header ---------- */ + .masthead { padding: 0 12px; } .masthead-inner { padding: 10px 0; gap: 8px; } .brand { gap: 6px; } .brand-mark { font-size: 18px; } @@ -289,15 +290,13 @@ table.standings { width: 100%; border-collapse: collapse; } .status-pill { font-size: 10px; padding: 4px 10px; gap: 5px; } .dot { width: 6px; height: 6px; } - /* ---------- mobil: Tabs (horizontal scroll, kein Umbruch) ---------- */ + /* ---------- mobil: Tabs (zwei Zeilen, kein horizontaler Scroll) ---------- */ .masthead-tabs { - overflow-x: auto; - flex-wrap: nowrap; - -webkit-overflow-scrolling: touch; - scrollbar-width: none; + flex-wrap: wrap; + justify-content: center; + gap: 2px 4px; } - .masthead-tabs::-webkit-scrollbar { display: none; } - .tab { padding: 10px 14px; font-size: 12px; white-space: nowrap; flex-shrink: 0; } + .tab { padding: 8px 13px; font-size: 12px; } .section { padding: 18px 0 48px; } @@ -320,7 +319,8 @@ table.standings { width: 100%; border-collapse: collapse; } .fx-score { font-size: 16px; min-width: 44px; } .fx-vs { font-size: 14px; min-width: 44px; } .fx-name { font-size: 13px; max-width: 110px; } - .grp-chip { width: 34px; height: 34px; font-size: 12px; } + .grp-switch { gap: 8px; } + .grp-chip { width: 40px; height: 40px; font-size: 14px; } /* ---------- mobil: Drittplatzierte ---------- */ .third-table th { font-size: 9px; padding: 8px 6px; }