From b0064683968157f3864f826197dd157693903e19 Mon Sep 17 00:00:00 2001
From: Neale Pickett <neale@woozle.org>
Date: Mon, 16 Jul 2012 23:05:04 -0600
Subject: [PATCH] try to simplify css

---
 res/scoreboard.css | 14 ++++++++------
 scoreboard.html    | 22 +++++++++++-----------
 2 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/res/scoreboard.css b/res/scoreboard.css
index 8ece8c9..2920911 100644
--- a/res/scoreboard.css
+++ b/res/scoreboard.css
@@ -39,19 +39,21 @@ body {
     user-select: none;
 }
 
-#logo-a-container, #logo-b-container {
+.left, .right {
+    width: 2em;
+    height: 100%;
+    text-align: center;
     position: absolute;
     top: 0;
-    height: 5em;
-    width: 2em;
-    text-align: center;
 }
-#logo-a-container {
+
+.left {
     left: 0;
 }
-#logo-b-container {
+.right {
     right: 0;
 }
+
 #logo-a, #logo-b {
     max-width: 1.8em;
     max-height: 2em;
diff --git a/scoreboard.html b/scoreboard.html
index 8676888..0d2829e 100644
--- a/scoreboard.html
+++ b/scoreboard.html
@@ -30,14 +30,14 @@
             a highly-styled page, it looks awful without CSS.  Sorry.
         -->
         <div id="scoreboard">
-            <p>
-                <span id="logo-a-container"><img src="" alt="A" id="logo-a" onclick="handle(event);"></span>
-                <span id="timeouts-a" onclick="handle(event);">0</span>
-                <span id="jammer-a" onclick="handle(event);">★</span>
-                <span id="score-a" onclick="handle(event);">-</span>
+            <p class="left">
+                <img  class="logo"     id="logo-a" src="" alt="A" onclick="handle(event);">
+                <span class="timeouts" id="timeouts-a" onclick="handle(event);">0</span>
+                <span class="jammer"   id="jammer-a" onclick="handle(event);">★</span>
+                <span class="score"    id="score-a" onclick="handle(event);">-</span>
             </p>
 
-            <p>
+            <p class="center">
                 <span id="period" onclick="handle(event);">--:--</span>
                 <span id="periodtext" onclick="handle(event);"></span>
                 <span id="jam" onclick="handle(event);">-:--.-</span>
@@ -45,11 +45,11 @@
                 <span id="jamno" onclick="handle(event);">0</span>
             </p>
 
-            <p>
-                <span id="logo-b-container"><img src="" alt="B" id="logo-b" onclick="handle(event);"></span>
-                <span id="timeouts-b" onclick="handle(event);">0</span>
-                <span id="jammer-b" onclick="handle(event);">★</span>
-                <span id="score-b" onclick="handle(event);">-</span>
+            <p class="right">
+                <img  class="logo"     id="logo-b" src="" alt="B" onclick="handle(event);">
+                <span class="timeouts" id="timeouts-b" onclick="handle(event);">0</span>
+                <span class="jammer"   id="jammer-b" onclick="handle(event);">★</span>
+                <span class="score"    id="score-b" onclick="handle(event);">-</span>
             </p>
         </div>