New player list.

3 files changed, 10 insertions, 16 deletions

diff --git a/play.css b/play.css
index 5cbbfa8..3e3ba4c 100644
--- a/play.css
+++ b/play.css
@@ -7,11 +7,9 @@ header { background-color: hsl(39, 25%, 75%); }
 #log .h3 { background-color: hsl(45, 30%, 80%); }
 
 body.French header.your_turn { background-color:  hsl(195, 72%, 75%); }
-#role_French .role_name { background-color:  hsl(195, 72%, 80%); }
+#role_French { background-color:  hsl(195, 72%, 80%); }
 body.Coalition header.your_turn { background-color: white; }
-#role_Coalition .role_name { background-color: white; }
-
-.role_vp { float: right; }
+#role_Coalition { background-color: white; }
 
 #log .h1 { font-weight: bold; padding-top:2px; padding-bottom:2px; }
 #log .h2 { padding-top:1px; padding-bottom:1px; }
diff --git a/play.html b/play.html
index 076a48a..e5e3d1c 100644
--- a/play.html
+++ b/play.html
@@ -34,18 +34,14 @@
 <aside>
 	<div id="roles">
 		<div class="role" id="role_French">
-			<div class="role_name">
-				French
-				<div class="role_vp"></div>
-				<div class="role_user">-</div>
-			</div>
+			<div class="role_name">French</div>
+			<div class="role_stat"></div>
+			<div class="role_user">-</div>
 		</div>
 		<div class="role" id="role_Coalition">
-			<div class="role_name">
-				Coalition
-				<div class="role_vp"></div>
-				<div class="role_user">-</div>
-			</div>
+			<div class="role_name">Coalition</div>
+			<div class="role_stat"></div>
+			<div class="role_user">-</div>
 		</div>
 	</div>
 	<div id="log"></div>
diff --git a/play.js b/play.js
index 26626ce..cceea1d 100644
--- a/play.js
+++ b/play.js
@@ -222,8 +222,8 @@ let ui = {
 	remain: document.getElementById("marker_remain"),
 	french_moves: document.getElementById("marker_french_moves"),
 	prussian_moves: document.getElementById("marker_prussian_moves"),
-	french_vp: document.querySelector("#role_French .role_vp"),
-	coalition_vp: document.querySelector("#role_Coalition .role_vp"),
+	french_vp: document.querySelector("#role_French .role_stat"),
+	coalition_vp: document.querySelector("#role_Coalition .role_stat"),
 }
 
 for (let row = 0; row < data.map.rows; ++row) {