Update visualization/game_cards.py

visualization/game_cards.py

@@ -76,8 +76,8 @@ def render_game_card(game: dict[str, Any]) -> None:
     away_team = _safe_text(game.get("away_team"), "Away")
     home_team = _safe_text(game.get("home_team"), "Home")
 
-    away_flag = get_team_flag(away_team)
-    home_flag = get_team_flag(home_team)
+    away_flag_url = get_team_flag_url(away_team)
+    home_flag_url = get_team_flag_url(home_team)
 
     away_score = _safe_score(game.get("away_score"))
     home_score = _safe_score(game.get("home_score"))
@@ -271,7 +271,12 @@ def render_game_card(game: dict[str, Any]) -> None:
 
         <div class="team-line">
           <div class="team-meta">
-            <div class="team-name">{away_flag} {away_team}</div>
+            <div class="team-name">
+                <span style="display:inline-flex;align-items:center;gap:8px;">
+                    {"<img src='" + away_flag_url + "' style='width:20px;height:14px;object-fit:cover;border-radius:2px;border:1px solid rgba(255,255,255,0.12);' />" if away_flag_url else ""}
+                    <span>{away_team}</span>
+                </span>
+            </div>
             <div class="team-record">{away_record}</div>
           </div>
           <div class="team-score">{away_score}</div>
@@ -279,7 +284,12 @@ def render_game_card(game: dict[str, Any]) -> None:
 
         <div class="team-line">
           <div class="team-meta">
-            <div class="team-name">{home_flag} {home_team}</div>
+            <div class="team-name">
+                <span style="display:inline-flex;align-items:center;gap:8px;">
+                    {"<img src='" + home_flag_url + "' style='width:20px;height:14px;object-fit:cover;border-radius:2px;border:1px solid rgba(255,255,255,0.12);' />" if away_flag_url else ""}
+                    <span>{home_team}</span>
+                </span>
+            </div>
             <div class="team-record">{home_record}</div>
           </div>
           <div class="team-score">{home_score}</div>