Clean up common play.css file.

1 files changed, 17 insertions, 1 deletions

diff --git a/play.css b/play.css
index b3fcf32..b394264 100644
--- a/play.css
+++ b/play.css
@@ -7,12 +7,15 @@ body.Britain header.your_turn { background-color: salmon; }
 #role_Britain, #log .h2.britain { background-color: #fcb; }
 aside { width: 220px; }
 
-/* LOG */
+.role_vp { float: right; }
 
 .checked::before { content: "\2714  " }
 .unchecked::before { content: "\2714  "; color:transparent; }
 
+/* LOG */
+
 #log { background-color: floralwhite; }
+#log > div { padding-left: 20px; text-indent: -12px; }
 #log .h1 { background-color: tan; font-weight: bold; padding-top:2px; padding-bottom:2px; text-align: center; }
 #log .h2 { background-color: wheat; padding-top:2px; padding-bottom:2px; text-align: center; }
 #log .h3 { background-color: antiquewhite; padding-top:2px; padding-bottom:2px; text-align: center; }
@@ -28,6 +31,14 @@ aside { width: 220px; }
 
 /* CARDS */
 
+.hand {
+	margin: 15px;
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: center;
+	min-height: 370px;
+}
+
 .card {
 	width: 240px;
 	height: 336px;
@@ -45,10 +56,15 @@ aside { width: 220px; }
 	box-shadow: 0 0 0 2px yellow;
 }
 
+.card.enabled {
+	cursor: pointer;
+}
+
 .card.enabled:hover, .card.selected {
 	transform: translateY(-10px);
 }
 
+.hand .card { margin: 10px; }
 .hand .card { display: none; }
 .hand .card.show { display: block; }