Use ID instead of class for map and mapwrap.

2 files changed, 17 insertions, 17 deletions

diff --git a/play.html b/play.html
index 9f9f304..c79a5ec 100644
--- a/play.html
+++ b/play.html
@@ -73,44 +73,44 @@
 
 /* MAP */
 
-.mapwrap {
+#mapwrap {
 	position: relative;
 	box-shadow: 0px 1px 10px rgba(0,0,0,0.5);
 	width: 1688px;
 	height: 1950px;
 }
 
-.map {
+#map {
 	position: absolute;
 	background-color: darkslategray;
 	width: 1688px;
 	height: 1950px;
 }
 
-.map svg {
+#map svg {
 	position: absolute;
 }
 
-.map svg image {
+#map svg image {
 	pointer-events: none;
 }
 
-.map svg path.area {
+#map svg path.area {
 	opacity: 0;
 	fill-opacity: 0.4;
 	fill: white;
 }
-.map svg path.area.where {
+#map svg path.area.where {
 	opacity: 1;
 	fill: darkslategray;
 }
-.map svg path.area.highlight {
+#map svg path.area.highlight {
 	cursor: pointer;
 	opacity: 1;
 	fill: white;
 }
 
-.map.hide_blocks div.blocks {
+#map.hide_blocks div.blocks {
 	visibility: hidden;
 }
 
@@ -160,7 +160,7 @@ body.shift .block.known:hover {
 .oldblocks div.block { border-radius: 8px; }
 .newblocks div.block { border-radius: 4px; }
 
-.map div.block {
+#map div.block {
 	position: absolute;
 }
 
@@ -413,8 +413,8 @@ div.block {
 
 	<div id="grid_center">
 
-<div id="mapwrap" class="mapwrap">
-<div id="map" class="map">
+<div id="mapwrap">
+<div id="map">
 
 <svg id="svgmap" width="1688px" height="1950px" viewBox="0 0 1688 1950">
 <g id="areas" transform="translate(0,1950) scale(0.1,-0.1)">
@@ -886,8 +886,8 @@ c50 53 55 80 28 143 -18 42 -21 62 -16 107 17 147 18 179 6 245 -15 91 -56
 </svg>
 
 <div id="turn" class="turn year_1297"></div>
-<div id="blocks" class="blocks"></div>
-<div id="offmap" class="offmap" style="visibility:hidden"></div>
+<div id="blocks"></div>
+<div id="offmap" style="visibility:hidden"></div>
 
 </div>
 </div>
diff --git a/ui.js b/ui.js
index 0e8dbbc..4061cbd 100644
--- a/ui.js
+++ b/ui.js
@@ -647,13 +647,13 @@ function update_cards() {
 	}
 
 	if (!game.e_card)
-		document.querySelector("#england_card").className = "small_card card_back";
+		document.getElementById("england_card").className = "small_card card_back";
 	else
-		document.querySelector("#england_card").className = "small_card " + CARDS[game.e_card].image;
+		document.getElementById("england_card").className = "small_card " + CARDS[game.e_card].image;
 	if (!game.s_card)
-		document.querySelector("#scotland_card").className = "small_card card_back";
+		document.getElementById("scotland_card").className = "small_card card_back";
 	else
-		document.querySelector("#scotland_card").className = "small_card " + CARDS[game.s_card].image;
+		document.getElementById("scotland_card").className = "small_card " + CARDS[game.s_card].image;
 }
 
 function update_battle() {