diff --git a/app/components/Bracket.tsx b/app/components/Bracket.tsx index eb7562e..7427184 100644 --- a/app/components/Bracket.tsx +++ b/app/components/Bracket.tsx @@ -70,7 +70,7 @@ function Tie({ return (
{tie.matchNumber}
-
+
{matchInfo || `Spiel ${tie.matchNumber}`}
diff --git a/app/globals.css b/app/globals.css index 06450c6..b33b2a5 100644 --- a/app/globals.css +++ b/app/globals.css @@ -220,8 +220,8 @@ table.standings { width: 100%; border-collapse: collapse; } border-radius: var(--radius-sm); position: relative; } .tie.final-tie { border-color: var(--gold); box-shadow: 0 0 0 1px rgba(255,210,74,0.2); } -.tie-head { - font-family: var(--font-mono); font-size: 9px; color: var(--ink-faint); +.tie-meta { + font-family: var(--font-mono); font-size: 9px; color: rgba(255,255,255,0.55); letter-spacing: 0.04em; padding: 5px 10px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @@ -230,7 +230,7 @@ table.standings { width: 100%; border-collapse: collapse; } font-family: var(--font-mono); font-size: 9px; font-weight: 700; line-height: 18px; min-width: 18px; text-align: center; border-radius: 999px; padding: 0 4px; - background: var(--ink-faint); color: var(--bg-card); + background: #1a2744; color: #ffffff; border: 1px solid rgba(255,255,255,0.15); } .side { display: flex; align-items: center; justify-content: space-between; @@ -349,7 +349,7 @@ table.standings { width: 100%; border-collapse: collapse; } .round { min-width: 170px; } .round-label { font-size: 10px; } .round-matches { gap: 8px; } - .tie-head { font-size: 8px; padding: 3px 8px 0; } + .tie-meta { font-size: 8px; padding: 3px 8px 0; } .side { padding: 6px 8px; font-size: 11px; } .side .nm { gap: 5px; } .prov-mark { font-size: 10px; }