restore original colors, fix chrome layout glitch

mini.html

@@ -31,6 +31,9 @@
             font-size: 120px;
             width: 100%;
         }
+        #jam, #period, #score-a, #score-b, #jammer-a.lead, #jammer-b.lead {
+            color: white;
+        }
         #score-a, #score-b {
             font-size: 150px;
             position: absolute;
@@ -40,9 +43,6 @@
             position: absolute;
             top: 10px;
         }
-        #jammer-a.lead, #jammer-b.lead {
-            color: white;
-        }
         #jamtext {
             font-family: monospace;
         }

scoreboard.css

@@ -25,7 +25,7 @@
 }
 
 #timeouts-a, #timeouts-b, #score-a, #score-b, #jam, #period {
-    color: white;
+    color: yellow;
     font-family: sans-serif;
     font-weight: bold;
     font-size: 133%;

scoreboard.html

@@ -57,7 +57,8 @@ window.onkeypress = key;
         <td width="60%" rowspan="2">
           <p>
             <span id="period" onclick="handle(event);">--:--</span>
-            <br>
+          </p>
+          <p>
             <span id="timeouts-a" onclick="handle(event);">0</span>
             <span id="periodtext" onclick="handle(event);">-</span>
             <span id="timeouts-b" onclick="handle(event);">0</span>
@@ -66,7 +67,8 @@ window.onkeypress = key;
             <span id="jammer-a" onclick="handle(event);">★</span>
             <span id="jamtext">-</span>
             <span id="jammer-b" onclick="handle(event);">★</span>
-            <br>
+          </p>
+          <p>
             <span id="jam" onclick="handle(event);">-:--.-</span>
           </p>
         </td>