Use ID instead of class for turn_info.

2 files changed, 3 insertions, 3 deletions

diff --git a/play.html b/play.html
index bf66876..e5ae252 100644
--- a/play.html
+++ b/play.html
@@ -20,7 +20,7 @@
 #grid_top.your_turn { background-color: orange; }
 .one .role_name { background-color: salmon; }
 .two .role_name { background-color: ghostwhite; }
-.turn_info { background-color: gainsboro; }
+#turn_info { background-color: gainsboro; }
 
 #log { background-color: ghostwhite; }
 #log .st { background-color: steelblue; color: white; font-weight: bold; }
@@ -387,7 +387,7 @@ div.block {
 			<div class="role_info"><div class="small_card card_back" id="york_card"></div></div>
 		</div>
 
-		<div class="turn_info">-</div>
+		<div id="turn_info">-</div>
 
 	</div>
 
diff --git a/ui.js b/ui.js
index 0799191..53125ae 100644
--- a/ui.js
+++ b/ui.js
@@ -515,7 +515,7 @@ function update_map() {
 	let overflow = { Lancaster: [], York: [], Rebel: [] };
 	let layout = {};
 
-	document.querySelector(".turn_info").textContent =
+	document.getElementById("turn_info").textContent =
 		"Campaign " + game.campaign +
 		"\nKing: " + block_name(game.king) +
 		"\nPretender: " + block_name(game.pretender);