From 6f8c395d88f1d1dfe9e520aa5fac76c8d45e5618 Mon Sep 17 00:00:00 2001
From: Ant Zucaro <azucaro@gmail.com>
Date: Thu, 12 Mar 2015 21:58:09 -0400
Subject: [PATCH] Finish up the game finder page.

I added styles to the nice row of gametype buttons at the top and made sure
that they didn't break the flow on mobile.
---
 xonstat/static/css/app.css         | 15 +++++++++++++++
 xonstat/templates/game_finder.mako |  4 ++--
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/xonstat/static/css/app.css b/xonstat/static/css/app.css
index 07a916e..a15c61d 100644
--- a/xonstat/static/css/app.css
+++ b/xonstat/static/css/app.css
@@ -184,3 +184,18 @@ table thead tr th, table thead tr td, table tr th, table tr td {
   margin: 0;
   padding: 0.5rem 1rem 0.5rem;
 }
+
+.tabs dd > a, .tabs .tab-title > a {
+  background: none;
+  color: #aaa;
+  padding: 1rem;
+}
+
+.tabs dd > a:hover, .tabs .tab-title > a:hover {
+  background-color: #1D1D1D;
+}
+
+.tabs dd.active a, .tabs .tab-title.active a {
+  background-color: #111;
+  color: #aaa;
+}
diff --git a/xonstat/templates/game_finder.mako b/xonstat/templates/game_finder.mako
index 49ff842..a2ff12f 100644
--- a/xonstat/templates/game_finder.mako
+++ b/xonstat/templates/game_finder.mako
@@ -20,7 +20,7 @@ Game Index
   <div class="small-12 columns">
     <ul class="tabs">
       % for gt, url in game_type_links:
-        <li class="tab-title
+        <li class="text-center tab-title
           % if game_type_cd == gt or (game_type_cd is None and gt == 'overall'):
             active
           % endif
@@ -39,7 +39,7 @@ Game Index
 
 ##### RECENT GAMES TABLE #####
 <div class="row">
-  <div class="span12">
+  <div class="small-12 columns">
     % if len(recent_games) > 0:
     <table class="table-hover table-condensed">
       <thead>
-- 
2.39.2