diff --git a/frontend/src/components/MatchCard.module.css b/frontend/src/components/MatchCard.module.css index 8762e78..3a2f0c7 100644 --- a/frontend/src/components/MatchCard.module.css +++ b/frontend/src/components/MatchCard.module.css @@ -77,17 +77,18 @@ border: 1px solid rgba(75,183,248,0.15); } -/* Kickoff time — centered above flags */ -.kickoffRow { - text-align: center; - margin-bottom: 6px; -} - -.kickoffTime { - font-size: 13px; +/* Kickoff — stadium scoreboard display */ +.kickoffDisplay { + font-family: 'Courier New', 'Lucida Console', monospace; + font-size: 16px; font-weight: 700; - color: var(--text-secondary); - letter-spacing: 0.05em; + color: var(--gold); + letter-spacing: 0.12em; + background: rgba(0, 0, 0, 0.4); + padding: 3px 10px; + border-radius: 4px; + border: 1px solid rgba(254, 174, 50, 0.15); + text-shadow: 0 0 8px rgba(254, 174, 50, 0.5); } .topRowSpacer { diff --git a/frontend/src/components/MatchCard.tsx b/frontend/src/components/MatchCard.tsx index 3df31d7..2d2a019 100644 --- a/frontend/src/components/MatchCard.tsx +++ b/frontend/src/components/MatchCard.tsx @@ -84,7 +84,7 @@ export default function MatchCard({ match, onTip }: Props) { return (
- {/* Top row: Group + Countdown */} + {/* Top row: Group + Kickoff (stadium display) + Countdown */}
{(isLive || isFinished) && ( @@ -97,6 +97,9 @@ export default function MatchCard({ match, onTip }: Props) { {match.group.replace('GROUP_', 'Gruppe ')} )} + {!isFinished && !isLive && ( + {formatKickoff(match.utcDate)} + )} {(state === 'open' || state === 'tipped') && match.tippable && ( @@ -113,13 +116,6 @@ export default function MatchCard({ match, onTip }: Props) { )}
- {/* Kickoff time — centered above flags */} - {!isFinished && !isLive && ( -
- {formatKickoff(match.utcDate)} -
- )} - {/* Teams + Score */}
{/* Home */}