Now displaying the remaining amount of bombs

In the top left corner, the remaining number of bombs is displayed based on the already place count of flags
2018-05-10 15:04:52 +02:00
parent 9b9abad0ab
commit 06a5672ef9
2 changed files with 44 additions and 11 deletions
--- a/index.html
+++ b/index.html
@@ -30,16 +30,21 @@
            transform: translateX(-50%);
        }

-        #time-container {
-            float: right;
+        .stat-container {
+            float: left;
            background-color: black;
            border-radius: 10px;
            color: red;
            font-size: 4vh;
            font-family: "SF Digital Readout", Roboto, Arial, sans-serif;
+            margin: 0 10px;
        }

-        #time {
+        .stat-container.right {
+            float: right;
+        }
+
+        #time, #bombs {
            margin: 0 15px;
        }
    </style>
@@ -47,7 +52,13 @@
 <body style="margin: 0">

 <div id="game-stats">
-    <div id="time-container">
+    <div class="stat-container">
+        <span id="bombs">
+            000
+        </span>
+    </div>
+
+    <div class="stat-container right">
        <span id="time">
            00:00
        </span>