-<%inherit file="base.mako"/>\r
-<%namespace file="navlinks.mako" import="navlinks" />\r
-\r
-<%block name="title">\r
-Rank Index - ${parent.title()}\r
-</%block>\r
-\r
-% if not ranks:\r
-<h2>Sorry, no ranks yet. Get some buddies together and start playing!</h2>\r
-\r
-% else:\r
-<h2>\r
-% if game_type_cd == 'dm':\r
-Deathmatch \r
-% elif game_type_cd == 'duel':\r
-Duel \r
-% elif game_type_cd == 'tdm':\r
-Team Deathmatch \r
-% elif game_type_cd == 'ctf':\r
-Capture The Flag \r
-% endif\r
-\r
-Rank Index</h2>\r
-<table id="rank-index-table" border="1">\r
- <tr>\r
- <th>Rank</th>\r
- <th>Nick</th>\r
- <th>Elo</th>\r
- </tr>\r
-<% i = 1 %>\r
-% for (rank, player) in ranks:\r
- <tr>\r
- <td>${i}</td>\r
- <td><a href="${request.route_url("player_info", id=rank.player_id)}" title="Go to this player's info page">${player.nick_html_colors()|n}</a></th>\r
- <td>${round(rank.elo, 3)}</th>\r
- </tr>\r
-<% i += 1 %>\r
-% endfor\r
-</table>\r
-\r
-<!-- navigation links -->\r
-${navlinks("rank_index_paged", ranks.page, ranks.last_page)}\r
-% endif\r
+<%inherit file="base.mako"/>
+<%namespace file="navlinks.mako" import="navlinks" />
+
+<%block name="title">
+ ${game_type.descr} Rank Index
+</%block>
+
+<div class="row">
+ <div class="small-12 large-6 large-offset-3 columns">
+ % if not ranks:
+ <h2>Sorry, no ranks yet. Get some buddies together and start playing!</h2>
+
+ % else:
+ <table class="table table-hover table-condensed" border="1">
+ <tr>
+ <th class="small-2">Rank</th>
+ <th class="small-8">Nick</th>
+ <th class="small-2">Elo</th>
+ </tr>
+ <% i = 1 %>
+ % for rank in ranks:
+ <tr>
+ <td>${rank.rank}</td>
+ <td class="no-stretch"><a href="${request.route_url("player_info", id=rank.player_id)}" title="Go to this player's info page">${rank.nick_html_colors()|n}</a></th>
+ <td>${int(round(rank.elo))}</th>
+ </tr>
+ <% i += 1 %>
+ % endfor
+ </table>
+ % endif
+ </div>
+</div>
+
+<div class="row">
+ <div class="small-12 large-6 large-offset-3 columns">
+ <!-- navigation links -->
+ ${navlinks("rank_index", ranks.page, ranks.last_page, game_type_cd=game_type_cd)}
+ </div>
+</div>