Highlight score area.
--- 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>