Show turn info bar on all block games.

2 files changed, 3 insertions, 12 deletions

diff --git a/play.html b/play.html
index fd5e390..4d87e71 100644
--- a/play.html
+++ b/play.html
@@ -23,20 +23,11 @@
 .role_info { background-color: silver; }
 .one .role_name { background-color: salmon; }
 .two .role_name { background-color: ghostwhite; }
+.turn_info { background-color: gainsboro; }
 .battle_header { background-color: silver; }
 .battle_message { background-color: silver; }
 .battle_separator { background-color: silver; }
 
-#turn {
-	padding: 8px 0px 8px 8px;
-	border-bottom: 1px solid black;
-	white-space: pre-wrap;
-	font-style: italic;
-	font-size: 12px;
-	line-height: 18px;
-	font-family: "Source Serif SmText";
-}
-
 .hand {
 	min-height: 300px;
 }
@@ -382,7 +373,7 @@ div.block {
 			<div class="role_info"><div class="small_card card_back" id="york_card"></div></div>
 		</div>
 
-		<div id="turn">-</div>
+		<div class="turn_info">-</div>
 
 	</div>
 
diff --git a/ui.js b/ui.js
index 5e93d4a..90cda18 100644
--- a/ui.js
+++ b/ui.js
@@ -483,7 +483,7 @@ function update_map() {
 	let overflow = { Lancaster: [], York: [], Rebel: [] };
 	let layout = {};
 
-	document.getElementById("turn").textContent =
+	document.querySelector(".turn_info").textContent =
 		"Campaign " + game.campaign +
 		"\nKing: " + block_name(game.king) +
 		"\nPretender: " + block_name(game.pretender);