From 81486656f5403e32134e8aaa9f746f39c23defa3 Mon Sep 17 00:00:00 2001
From: Erin Braswell <erin.braswell@gmail.com>
Date: Mon, 28 May 2012 00:30:46 -0400
Subject: [PATCH] cleaned up events page, made scores in same line and colored

---
 fowl/game/templates/base.html   |  6 ++++--
 fowl/game/templates/events.html | 12 +++++++-----
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/fowl/game/templates/base.html b/fowl/game/templates/base.html
index 7403d3a..31ea8fe 100644
--- a/fowl/game/templates/base.html
+++ b/fowl/game/templates/base.html
@@ -5,19 +5,21 @@
     <meta charset="utf-8">
     <title>{% block title %} {% endblock %}</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
+    <link rel="shortcut icon" href="{% static "favicon.ico" %}" />
     <link href="{% static "css/bootstrap.css" %}" rel="stylesheet">
     <style type="text/css">
       body {
         padding-top: 60px;
         padding-bottom: 40px;
       }
-      .event-title { font-size: 125%; }
+      .accordion-heading .event-title { font-size: 125%; display: inline;}
+      .accordion-heading { padding: 10px 0px;}
       .match-notes { font-size: 80%; color: #999999; }
       .belt-img img { display: block; margin-left: auto; margin-right: auto }
       .raw { float: right; margin-right:12em; background-color: #900000;}
       .divas { float: right; margin-right:11em; background-color: #900099;} 
       .smackdown { float: right; margin-right:8em; background-color: #003090;}
+      .score-container { float: right; margin-right:20em;}
     </style>
     <link href="{% static "assets/css/bootstrap-responsive.css" %}" rel="stylesheet">
 
diff --git a/fowl/game/templates/events.html b/fowl/game/templates/events.html
index 99e52da..3d277d3 100644
--- a/fowl/game/templates/events.html
+++ b/fowl/game/templates/events.html
@@ -15,14 +15,16 @@ PPVs, since the creation of this league.</p>
     <div class="accordion-heading">
         <a class="accordion-toggle event-title" data-toggle="collapse"
             data-parent="#accordion" href="#event-{{event.id}}">
-            {{event.name}} - {{event.date}}
+                {{event.name}} - {{event.date}}
         </a>
-        {% for team,score in event.scores.iteritems %}
-        {{team}}: {{score}}
-        {% endfor %}
+        <span class="score-container">
+            {% for team,score in event.scores.iteritems %}
+                <span class="label" style="background-color: #00aa00;">{{team}}: {{score}}</span>
+            {% endfor %}
+        </span>
     </div>
 
-    <div id="event-{{event.id}}" class="accordion-body collapse in">
+    <div id="event-{{event.id}}" class="accordion-body collapse">
     <div class="accordion-inner">
     <table class="table">
         <thead>