Use ID instead of class for map and mapwrap.

2 files changed, 5 insertions, 5 deletions

diff --git a/play.html b/play.html
index 537759c..064d054 100644
--- a/play.html
+++ b/play.html
@@ -142,12 +142,12 @@
 
 /* MAP WITH ARMIES, FLEETS, AND MARKERS */
 
-.map.greek, .map.greek > div {
+#map.greek, #map.greek > div {
 	transform: rotate(180deg);
 	transform-origin: center;
 }
 
-.map {
+#map {
 	position: relative;
 	width: 1240px;
 	height: 878px;
@@ -157,7 +157,7 @@
 	margin: 0 auto;
 }
 
-.map.hide_markers > div {
+#map.hide_markers > div {
 	visibility: hidden;
 }
 
@@ -331,7 +331,7 @@
 
 	<div id="grid_center">
 
-		<div id="map" class="map">
+		<div id="map">
 
 			<div id="campaign" class="marker campaign_1"></div>
 			<div id="bridge" class="bridge"></div>
diff --git a/ui.js b/ui.js
index 630e914..71e3634 100644
--- a/ui.js
+++ b/ui.js
@@ -642,7 +642,7 @@ function on_card(evt) {
 }
 
 function toggle_markers() {
-	document.querySelector(".map").classList.toggle("hide_markers");
+	document.getElementById("map").classList.toggle("hide_markers");
 }
 
 if (param_role == GREECE)