KO: Stadion + Anstoss

app/components/Bracket.tsx

@@ -56,7 +56,7 @@ function fmtMatchInfo(utcDate?: string, stadiumId?: string): string {
   const city = stadiumId ? STADIUMS[stadiumId]?.city : "";
   const parts = [`${dateStr}`, `${timeStr}`];
   if (city) parts.push(city);
-  return parts.join(" · ");
+  return parts.join(" ");
 }
 
 function Tie({
@@ -69,8 +69,10 @@ function Tie({
 }) {
   return (
     <div className={`tie ${isFinal ? "final-tie" : ""}`}>
-      <div className="tie-head">Spiel {tie.matchNumber}</div>
-      {matchInfo && <div className="tie-meta">{matchInfo}</div>}
+      <div className="match-badge">{tie.matchNumber}</div>
+      <div className="tie-head">
+        {matchInfo || `Spiel ${tie.matchNumber}`}
+      </div>
       <Side s={tie.home} prob={tie.prob?.home} teams={teams} onShowTip={onShowTip} onHideTip={onHideTip} />
       <Side s={tie.away} prob={tie.prob?.away} teams={teams} onShowTip={onShowTip} onHideTip={onHideTip} />
     </div>