Edit some counters

public/assets/images/scenario_template.svg

@@ -26,12 +26,30 @@
       <use x="8.66" y="15" transform="rotate(60 8.66 15)" href="#ast-line"/>
     </pattern>
 
-    <image id="counter-grenade" href="counter_grenade.png" width="10"/>
-    <image id="counter-prone" href="counter_prone.png" width="10"/>
-    <image id="counter-basement" href="counter_basement.png" width="10"/>
-    <image id="counter-1st-floor" href="counter_1st_floor.png" width="10"/>
-    <image id="counter-2nd-floor" href="counter_2nd_floor.png" width="10"/>
-    <image id="counter-3rd-floor" href="counter_3rd_floor.png" width="10"/>
+    <g id="counter-grenade">
+      <rect x="0" y="0" width="10" height="10" fill="beige" stroke="black" stroke-width="0.5"/>
+      <image href="counter_grenade.png" width="10"/>
+    </g>
+    <g id="counter-prone">
+      <rect x="0" y="0" width="10" height="10" fill="beige" stroke="black" stroke-width="0.5"/>
+      <image href="counter_prone.png" width="10"/>
+    </g>
+    <g id="counter-basement">
+      <rect x="0" y="0" width="10" height="10" fill="beige" stroke="black" stroke-width="0.5"/>
+      <image href="counter_basement.png" width="10"/>
+    </g>
+    <g id="counter-1st-floor">
+      <rect x="0" y="0" width="10" height="10" fill="beige" stroke="black" stroke-width="0.5"/>
+      <image href="counter_1st_floor.png" width="10"/>
+    </g>
+    <g id="counter-2nd-floor">
+      <rect x="0" y="0" width="10" height="10" fill="beige" stroke="black" stroke-width="0.5"/>
+      <image href="counter_2nd_floor.png" width="10"/>
+    </g>
+    <g id="counter-3rd-floor">
+      <rect x="0" y="0" width="10" height="10" fill="beige" stroke="black" stroke-width="0.5"/>
+      <image href="counter_3rd_floor.png" width="10"/>
+    </g>
   </defs>
 
   <g class="gameboard" data-view-elevation="0">

public/index.html

@@ -243,11 +243,21 @@
         <button type="button" class="grenade">
           <img src="assets/images/icon_grenade.png" height="12" />
         </button>
-        <button type="button" class="prone">Prone</button>
-        <button type="button" class="basement">Bsmnt</button>
-        <button type="button" class="1st-floor">1st Flr</button>
-        <button type="button" class="2nd-floor">2nd Flr</button>
-        <button type="button" class="3rd-floor">3rd Flr</button>
+        <button type="button" class="prone">
+          <img src="assets/images/icon_prone.png" height="12" />
+        </button>
+        <button type="button" class="basement">
+          <img src="assets/images/icon_basement.png" height="12" />
+        </button>
+        <button type="button" class="1st-floor">
+          <img src="assets/images/icon_1st_floor.png" height="12" />
+        </button>
+        <button type="button" class="2nd-floor">
+          <img src="assets/images/icon_2nd_floor.png" height="12" />
+        </button>
+        <button type="button" class="3rd-floor">
+          <img src="assets/images/icon_3rd_floor.png" height="12" />
+        </button>
       </div>
     </div>