diff --git a/frontend/src/components/MatchCard.module.css b/frontend/src/components/MatchCard.module.css index 75fc4b0..df095fa 100644 --- a/frontend/src/components/MatchCard.module.css +++ b/frontend/src/components/MatchCard.module.css @@ -39,6 +39,22 @@ .statusLive { color: var(--error); +} + +/* LIVE badge — right-aligned in header */ +.liveBadge { + display: flex; + align-items: center; + gap: 5px; + font-size: 11px; + font-weight: 800; + color: var(--error); + text-transform: uppercase; + letter-spacing: 0.08em; + background: rgba(248, 113, 113, 0.12); + padding: 3px 10px; + border-radius: 20px; + border: 1px solid rgba(248, 113, 113, 0.25); animation: pulse 1.5s ease-in-out infinite; } @@ -182,6 +198,11 @@ letter-spacing: 4px; } +.scoreLive { + font-size: 28px; + color: var(--text-primary); +} + .kickoffCenter { display: flex; flex-direction: column; @@ -447,20 +468,6 @@ animation: pulse 1.5s ease-in-out infinite; } -/* Score + live tip stacked */ -.scoreStack { - display: flex; - flex-direction: column; - align-items: center; - gap: 2px; -} - -.liveTipCompare { - font-size: 11px; - color: var(--text-muted); - font-weight: 600; - letter-spacing: 0.03em; -} /* Points badge */ .pointsBadge { diff --git a/frontend/src/components/MatchCard.tsx b/frontend/src/components/MatchCard.tsx index 530ee4d..35878e1 100644 --- a/frontend/src/components/MatchCard.tsx +++ b/frontend/src/components/MatchCard.tsx @@ -84,13 +84,10 @@ export default function MatchCard({ match, onTip }: Props) { return (