Use ID instead of class for turn_info.

2 files changed, 5 insertions, 5 deletions

diff --git a/play.html b/play.html
index dccf019..da1ec0d 100644
--- a/play.html
+++ b/play.html
@@ -21,7 +21,7 @@
 .Saracens #grid_top.your_turn { background-color: lightgreen; }
 .one .role_name { background-color: khaki; }
 .two .role_name { background-color: darkseagreen; }
-.turn_info { background-color: gainsboro; }
+#turn_info { background-color: gainsboro; }
 
 #log { background-color: ghostwhite; }
 #log .st { background-color: #246; color: white; font-weight: bold; }
@@ -490,7 +490,7 @@ body.shift .block.known:hover {
 			<div class="role_info"><div class="small_card card_back" id="saracen_card"></div></div>
 		</div>
 
-		<div class="turn_info">-</div>
+		<div id="turn_info">-</div>
 
 	</div>
 
diff --git a/ui.js b/ui.js
index 4481132..f69a376 100644
--- a/ui.js
+++ b/ui.js
@@ -508,13 +508,13 @@ function update_map() {
 	document.getElementById("saracen_vp").textContent = game.s_vp + " VP";
 	document.getElementById("timeline").className = "year_" + game.year;
 	if (game.turn < 1)
-		document.querySelector(".turn_info").textContent =
+		document.getElementById("turn_info").textContent =
 			"Year " + game.year;
 	else if (game.turn < 6)
-		document.querySelector(".turn_info").textContent =
+		document.getElementById("turn_info").textContent =
 			"Turn " + game.turn + " of Year " + game.year;
 	else
-		document.querySelector(".turn_info").textContent =
+		document.getElementById("turn_info").textContent =
 			"Winter Turn of Year " + game.year;
 
 	for (let town in TOWNS)