-<h2>Recent Games</h2>\r
-<ul>\r
-% for (game, server, map) in games:\r
- <li><a href="${request.route_url("game_info", id=game.game_id)}" name="Game info page for game #${game.game_id}">#${game.game_id}:</a> <a href="${request.route_url("map_info", id=map.map_id)}" name="Map info page for ${map.name}">${map.name}</a> on <a href="${request.route_url("server_info", id=server.server_id)}" name="Server info page for ${server.name}">${server.name}</a></li>\r
-% endfor\r
-</ul>\r
-% endif\r
+<div class="row">\r
+ <div class="span12">\r
+ <h2>Recent Games</h2>\r
+ % for (game, server, map) in games:\r
+ <div class="game">\r
+ <h4><img src="/static/images/icons/48x48/${game.game_type_cd}.png" width="30" height="30" /><a href="${request.route_url("map_info", id=map.map_id)}" name="Map info page for ${map.name}">${map.name}</a> on <a href="${request.route_url("server_info", id=server.server_id)}" name="Server info page for ${server.name}">${server.name}</a> <span class="permalink">(<a href="${request.route_url('game_info', id=game.game_id)}" name="Permalink for game #${game.game_id}">permalink</a>)</span></h4>\r
+ ${scoreboard(game.game_type_cd, pgstats[game.game_id])}\r
+ </div>\r
+ % endfor\r
+ </div>\r
+</div>\r