From 303af2723942866b60cb5632625750be126d996d Mon Sep 17 00:00:00 2001
From: Tor Andersson <tor@ccxvii.net>
Date: Sun, 3 Dec 2023 23:53:06 +0100
Subject: Update role panel.

---
 play.css  |  7 +++----
 play.html | 16 ++++++----------
 2 files changed, 9 insertions(+), 14 deletions(-)

diff --git a/play.css b/play.css
index 91fb94f..b3a41b6 100644
--- a/play.css
+++ b/play.css
@@ -1,13 +1,12 @@
 /* MAIN */
 
 main { background-color: #461145; }
-#roles { background-color: tan; }
 header { background-color: tan; }
 header.your_turn { background-color: orange; }
-#role_Caesar .role_name { background-color: salmon; }
-#role_Pompeius .role_name { background-color: #eb5; }
+#role_Caesar { background-color: salmon; }
+#role_Pompeius { background-color: #eb5; }
+.role_info { background-color: tan; }
 #turn_info { background-color: burlywood; }
-.role_vp { float: right; }
 
 #log { background-color: wheat; }
 #log div { padding-left: 20px; text-indent: -12px; }
diff --git a/play.html b/play.html
index 4a08c18..d2e7951 100644
--- a/play.html
+++ b/play.html
@@ -42,19 +42,15 @@
 <aside>
 	<div id="roles">
 		<div class="role" id="role_Caesar">
-			<div class="role_name">
-				Caesar
-				<div class="role_vp" id="caesar_vp">VP</div>
-				<div class="role_user">-</div>
-			</div>
+			<div class="role_name"><span>Caesar</span></div>
+			<div class="role_stat" id="caesar_vp">VP</div>
+			<div class="role_user">-</div>
 			<div class="role_info"><div class="show card card_back" id="caesar_card"></div></div>
 		</div>
 		<div class="role" id="role_Pompeius">
-			<div class="role_name">
-				Pompeius
-				<div class="role_vp" id="pompeius_vp">VP</div>
-				<div class="role_user">-</div>
-			</div>
+			<div class="role_name"><span>Pompeius</span></div>
+			<div class="role_stat" id="pompeius_vp">VP</div>
+			<div class="role_user">-</div>
 			<div class="role_info"><div class="show card card_back" id="pompeius_card"></div></div>
 		</div>
 		<div id="turn_info">-</div>
-- 
cgit v1.2.3