New player list.

2 files changed, 11 insertions, 22 deletions

diff --git a/play.css b/play.css
index 39b0b3d..2d58d47 100644
--- a/play.css
+++ b/play.css
@@ -12,8 +12,6 @@ aside { min-width: 220px; }
 	--selected-color: blue;
 }
 
-.role_vp { float: right; }
-
 .checked::before { content: "\2714  " }
 .unchecked::before { content: "\2714  "; color:transparent; }
 
@@ -40,16 +38,11 @@ aside { min-width: 220px; }
 	text-indent: -12px;
 }
 
-.card_info {
+#turn_info {
 	position: relative;
 }
 
-.card_info:hover #deck_size {
-	visibility: visible;
-}
-
 #deck_size {
-	visibility: hidden;
 	position: absolute;
 	right: 5px;
 	bottom: 3px;
@@ -99,12 +92,12 @@ aside { min-width: 220px; }
 .hand .card { display: none; }
 .hand .card.show { display: block; }
 
-.card_info {
+#turn_info {
 	border-bottom: 1px solid black;
 	padding: 15px 0;
 }
 
-.card_info .card {
+#turn_info .card {
 	width: 120px;
 	height: 168px;
 	border-radius: 8px;
@@ -112,7 +105,7 @@ aside { min-width: 220px; }
 }
 
 @media (max-height: 800px) {
-	.card_info {
+	#turn_info {
 		display: none;
 	}
 }
diff --git a/play.html b/play.html
index d7ac9b8..f7f99cc 100644
--- a/play.html
+++ b/play.html
@@ -91,20 +91,16 @@
 <aside>
 	<div id="roles">
 		<div class="role" id="role_France">
-			<div class="role_name">
-				France
-				<div id="french_hand" class="role_vp">?</div>
-				<div class="role_user"></div>
-			</div>
+			<div class="role_name">France</div>
+			<div id="french_hand" class="role_stat">?</div>
+			<div class="role_user"></div>
 		</div>
 		<div class="role" id="role_Britain">
-			<div class="role_name">
-				Britain
-				<div id="british_hand" class="role_vp">?</div>
-				<div class="role_user"></div>
-			</div>
+			<div class="role_name">Britain</div>
+			<div id="british_hand" class="role_stat">?</div>
+			<div class="role_user"></div>
 		</div>
-		<div class="card_info"><div id="last_card" class="card show card_back"></div><div id="deck_size">0</div></div>
+		<div id="turn_info"><div id="last_card" class="card show card_back"></div><div id="deck_size">0</div></div>
 	</div>
 	<div id="log"></div>
 </aside>