13 files changed, 39 insertions, 11 deletions
diff --git a/public/assets/images/counter_1st_floor.png b/public/assets/images/counter_1st_floor.png
index 0728ac0..a960f04 100644
--- a/public/assets/images/counter_1st_floor.png
+++ b/public/assets/images/counter_1st_floor.png
diff --git a/public/assets/images/counter_2nd_floor.png b/public/assets/images/counter_2nd_floor.png
index 8417461..4b67766 100644
--- a/public/assets/images/counter_2nd_floor.png
+++ b/public/assets/images/counter_2nd_floor.png
diff --git a/public/assets/images/counter_3rd_floor.png b/public/assets/images/counter_3rd_floor.png
index 82a54a0..9088346 100644
--- a/public/assets/images/counter_3rd_floor.png
+++ b/public/assets/images/counter_3rd_floor.png
diff --git a/public/assets/images/counter_basement.png b/public/assets/images/counter_basement.png
index 05a5be2..ac5ea0c 100644
--- a/public/assets/images/counter_basement.png
+++ b/public/assets/images/counter_basement.png
diff --git a/public/assets/images/counter_grenade.png b/public/assets/images/counter_grenade.png
index de6112e..378ed31 100644
--- a/public/assets/images/counter_grenade.png
+++ b/public/assets/images/counter_grenade.png
diff --git a/public/assets/images/counter_prone.png b/public/assets/images/counter_prone.png
index 4bdaa51..6d91720 100644
--- a/public/assets/images/counter_prone.png
+++ b/public/assets/images/counter_prone.png
diff --git a/public/assets/images/icon_1st_floor.png b/public/assets/images/icon_1st_floor.png
new file mode 100644
index 0000000..26e151e
--- /dev/null
+++ b/public/assets/images/icon_1st_floor.png
diff --git a/public/assets/images/icon_2nd_floor.png b/public/assets/images/icon_2nd_floor.png
new file mode 100644
index 0000000..60f08ea
--- /dev/null
+++ b/public/assets/images/icon_2nd_floor.png
diff --git a/public/assets/images/icon_3rd_floor.png b/public/assets/images/icon_3rd_floor.png
new file mode 100644
index 0000000..2da4e9c
--- /dev/null
+++ b/public/assets/images/icon_3rd_floor.png
diff --git a/public/assets/images/icon_basement.png b/public/assets/images/icon_basement.png
new file mode 100644
index 0000000..99bec79
--- /dev/null
+++ b/public/assets/images/icon_basement.png
diff --git a/public/assets/images/icon_prone.png b/public/assets/images/icon_prone.png
new file mode 100644
index 0000000..04ec9fa
--- /dev/null
+++ b/public/assets/images/icon_prone.png
diff --git a/public/assets/images/scenario_template.svg b/public/assets/images/scenario_template.svg
index 964e80f..efd6c8e 100644
--- a/public/assets/images/scenario_template.svg
+++ b/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">
diff --git a/public/index.html b/public/index.html
index dcaad12..562c3a2 100644
--- a/public/index.html
+++ b/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>