Use ID instead of class for turn_info.

2 files changed, 3 insertions, 3 deletions

diff --git a/play.html b/play.html
index c79a5ec..c2e3231 100644
--- a/play.html
+++ b/play.html
@@ -21,7 +21,7 @@
 #grid_top.your_turn { background-color: orange; }
 .one .role_name { background-color: salmon; }
 .two .role_name { background-color: skyblue; }
-.turn_info { background-color: gainsboro; }
+#turn_info { background-color: gainsboro; }
 
 #log { background-color: ghostwhite; }
 #log .st { background-color: #053; color: white; font-weight: bold; }
@@ -406,7 +406,7 @@ div.block {
 			</div>
 		</div>
 
-		<div class="turn_info">-</div>
+		<div id="turn_info">-</div>
 	</div>
 
 	<div id="log"></div>
diff --git a/ui.js b/ui.js
index 4061cbd..b279262 100644
--- a/ui.js
+++ b/ui.js
@@ -753,7 +753,7 @@ function on_update() {
 
 	document.getElementById("england_vp").textContent = game.e_vp;
 	document.getElementById("scotland_vp").textContent = game.s_vp;
-	document.querySelector(".turn_info").textContent = `Turn ${game.turn} of Year ${game.year}`;
+	document.getElementById("turn_info").textContent = `Turn ${game.turn} of Year ${game.year}`;
 
 	update_cards();
 	update_map();