Highlight score area.
authorOleksandr Gavenko <gavenkoa@gmail.com>
Tue, 09 Sep 2014 20:33:17 +0300
changeset 33 f1bbe12e2c3d
parent 32 f48151863cdf
child 34 16b711a81a16
Highlight score area.
2048.html
--- a/2048.html	Tue Sep 09 20:29:01 2014 +0300
+++ b/2048.html	Tue Sep 09 20:33:17 2014 +0300
@@ -28,14 +28,14 @@
       margin: 0;
       text-align: center;
     }
-    div.ai-control, div.move-control {
+    div.ai-control, div.move-control, div.score-conrol {
       border: 1px red solid;
       display: inline-block;
       margin: 10px 0 2px 0;
       background-color: cornsilk;
     }
-    div.move-control {
-      padding: 2px;
+    div.move-control, div.score-conrol {
+      padding: 3px;
     }
     div.ai-control {
       padding: 2px 2px 2px 1em;
@@ -83,7 +83,11 @@
 
   <h1>2048</h1>
 
-  <div id="score-area" class="area">Score: <span id="score">0</span>, Max: <span id="max">0</span>, Turn: <span id="turn">0</span>, Speed: <span id="speed">0</span> t/s</div>
+  <div id="score-area" class="area">
+    <div class="score-conrol">
+      Score: <span id="score">0</span>, Max: <span id="max">0</span>, Turn: <span id="turn">0</span>, Speed: <span id="speed">0</span> t/s
+    </div>
+  </div>
 
   <div id="message-area" class="area"></div>