goals

app/components/KoFixtures.tsx

@@ -198,10 +198,9 @@ export default function KoFixtures({ teams, matches }: { teams: Team[]; matches:
                       <div style={{ display: "flex", flexWrap: "wrap", gap: 6 }}>
                         {m.goals.map((g, i) => (
                           <span key={i} style={{
-                            display: "inline-flex", alignItems: "center", gap: 3,
-                            color: g.team === "home" ? "var(--ink)" : "var(--ink)",
+                            display: "inline-flex", alignItems: "center", gap: 4,
                           }}>
-                            {g.team === "home" ? "⬆" : "⬇"}
+                            <Flag team={g.team === "home" ? home : away} size={14} />
                             <span style={{ color: "var(--turf)", fontWeight: 700 }}>
                               {g.scorer}
                             </span>