diff --git a/frontend/src/components/MatchCard.module.css b/frontend/src/components/MatchCard.module.css index c8b5b3c..75fc4b0 100644 --- a/frontend/src/components/MatchCard.module.css +++ b/frontend/src/components/MatchCard.module.css @@ -48,12 +48,6 @@ } -/* Countdown — left-aligned row */ -.countdownRow { - display: flex; - margin-bottom: 4px; -} - .countdownBadge { font-size: 11px; font-weight: 700; @@ -90,7 +84,8 @@ font-family: 'DSEG7', 'Courier New', monospace; font-size: 18px; color: #FECC4C; - letter-spacing: 0.06em; + letter-spacing: 0.02em; + word-spacing: -0.1em; text-shadow: 0 0 4px rgba(254, 174, 50, 0.9), 0 0 12px rgba(254, 174, 50, 0.6), diff --git a/frontend/src/components/MatchCard.tsx b/frontend/src/components/MatchCard.tsx index 1e3885e..530ee4d 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: Status/Group */} + {/* Top row: Status/Group + Countdown right-aligned */}
{(isLive || isFinished) && ( @@ -97,18 +97,8 @@ export default function MatchCard({ match, onTip }: Props) { {match.group.replace('GROUP_', 'Gruppe ')} )} -
- - {/* Kickoff — stadium LED display, centered */} - {!isFinished && !isLive && ( -
- {formatKickoff(match.utcDate)} -
- )} - - {/* Countdown badge — left-aligned */} - {(state === 'open' || state === 'tipped') && match.tippable && ( -
+ + {(state === 'open' || state === 'tipped') && match.tippable && ( {match.minutesUntilKickoff < 60 ? `Noch ${remainingMins} Min!` @@ -120,6 +110,13 @@ export default function MatchCard({ match, onTip }: Props) { })() } + )} +
+ + {/* Kickoff — stadium LED display, centered */} + {!isFinished && !isLive && ( +
+ {formatKickoff(match.utcDate)}
)}