summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorTor Andersson <tor@ccxvii.net>2023-12-03 23:53:06 +0100
committerTor Andersson <tor@ccxvii.net>2023-12-04 11:51:00 +0100
commit303af2723942866b60cb5632625750be126d996d (patch)
treea9723b28b7f0ac2c5f0ff2c740b5047287344ace
parentd2f1e2090bff133c75c282b820f7fbf9acb81b69 (diff)
downloadjulius-caesar-303af2723942866b60cb5632625750be126d996d.tar.gz
Update role panel.
-rw-r--r--play.css7
-rw-r--r--play.html16
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>