Use ID instead of class for turn_info.

2 files changed, 4 insertions, 4 deletions

diff --git a/play.html b/play.html
index 10018ea..3151c4f 100644
--- a/play.html
+++ b/play.html
@@ -22,7 +22,7 @@
 #grid_top.your_turn { background-color: orange; }
 .one .role_name { background-color: salmon; }
 .two .role_name { background-color: #eb5; }
-.turn_info { background-color: burlywood; }
+#turn_info { background-color: burlywood; }
 
 #log { background-color: wheat; }
 #log .st { background-color: brown; color: gold; font-weight: bold; }
@@ -322,7 +322,7 @@ body.Observer .columbia-labels .known.jupiter.Cleopatra { border: 3px solid #822
 			</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 0a0c15d..58a3885 100644
--- a/ui.js
+++ b/ui.js
@@ -699,9 +699,9 @@ function on_update() {
 	document.getElementById("caesar_vp").textContent = game.c_vp + " VP";
 	document.getElementById("pompeius_vp").textContent = game.p_vp + " VP";
 	if (game.turn < 1)
-		document.querySelector(".turn_info").textContent = `Year ${game.year}`;
+		document.getElementById("turn_info").textContent = `Year ${game.year}`;
 	else
-		document.querySelector(".turn_info").textContent = `Turn ${game.turn} of Year ${game.year}`;
+		document.getElementById("turn_info").textContent = `Turn ${game.turn} of Year ${game.year}`;
 
 	show_action_button("#undo_button", "undo");
 	show_action_button("#surprise_button", "surprise");