Clean up common play.css file.

Remove over-specific log, role info, card, and hand rules.

2 files changed, 37 insertions, 61 deletions

diff --git a/public/common/play.css b/public/common/play.css
index 48798d0..61f1aa3 100644
--- a/public/common/play.css
+++ b/public/common/play.css
@@ -29,6 +29,8 @@ body.Observer .resign {
 	display: none;
 }
 
+/* BUTTON */
+
 button {
 	box-sizing: border-box;
 	font-size: 16px;
@@ -39,14 +41,17 @@ button {
 	border: 2px solid;
 	outline: 1px solid black;
 }
+
 button:disabled {
 	color: gray;
 	border-color: gainsboro;
 	outline-color: gray;
 }
+
 button:enabled {
 	border-color: white darkgray darkgray white;
 }
+
 button:enabled:active:hover {
 	border-color: darkgray white white darkgray;
 	padding: 2px 11px 0px 13px;
@@ -104,12 +109,33 @@ aside {
 	grid-row: 1;
 }
 
+#turn_info {
+	border-bottom: 1px solid black;
+	padding: 8px;
+	white-space: pre-line;
+	font-style: italic;
+	font-size: 12px;
+	line-height: 18px;
+}
+
 #log {
 	grid-column: 1;
 	grid-row: 2;
 	overflow-y: scroll;
 }
 
+#log {
+	padding: 12px 0;
+	font-size: 12px;
+	line-height: 18px;
+	white-space: pre-wrap;
+}
+
+#log > * {
+	padding: 0 4px 0 8px;
+	min-height: 9px;
+}
+
 footer {
 	position:absolute;
 	z-index: 500;
@@ -208,6 +234,10 @@ header .replay button {
 
 /* ROLES */
 
+.role_info {
+	border-bottom: 1px solid black;
+}
+
 .role_name {
 	border-bottom: 1px solid black;
 	padding-top: 3px;
@@ -216,15 +246,6 @@ header .replay button {
 	padding-right: 5px;
 }
 
-.role_info, .card_info, #turn_info {
-	border-bottom: 1px solid black;
-	overflow: clip; /* clip dropshadow from filter:grayscale() stacking context */
-}
-
-.role_vp {
-	float: right;
-}
-
 .role_user {
 	font-style: italic;
 	text-align: right;
@@ -233,31 +254,13 @@ header .replay button {
 	white-space: nowrap;
 }
 
-.role .role_name::before { content: "\25cb  "; opacity: 0.6; }
-.role.present .role_name::before { content: "\25cf  "; opacity: 0.6; }
-
-#turn_info {
-	padding: 8px 0px 8px 8px;
-	white-space: pre-line;
-	font-style: italic;
-	font-size: 12px;
-	line-height: 18px;
-}
-
-/* LOG */
-
-#log {
-	padding: 12px 0;
-	font-size: 12px;
-	line-height: 18px;
-	white-space: pre-wrap;
+.role_name::before {
+	content: "\25cb  ";
+	opacity: 0.6;
 }
 
-#log > * {
-	padding-left: 20px;
-	padding-right: 4px;
-	text-indent: -12px;
-	min-height: 9px;
+.role.present .role_name::before {
+	content: "\25cf  ";
 }
 
 /* MAP */
@@ -271,39 +274,12 @@ header .replay button {
 	max-width: 100%;
 }
 
-#map {
+#mapwrap #map {
 	position: absolute;
 	isolation: isolate;
 	transform-origin: 0 0;
 }
 
-/* CARDS */
-
-.card {
-	background-size: cover;
-	background-repeat: no-repeat;
-}
-
-.card.enabled {
-	cursor: pointer;
-}
-
-.card.disabled {
-	filter: grayscale(100%);
-}
-
-.hand {
-	margin: 15px;
-	display: flex;
-	flex-wrap: wrap;
-	justify-content: center;
-	min-height: 370px;
-}
-
-.hand .card {
-	margin: 10px;
-}
-
 /* CHAT WINDOW */
 
 #chat_button.new {
diff --git a/views/create.pug b/views/create.pug
index 4696de4..0da379b 100644
--- a/views/create.pug
+++ b/views/create.pug
@@ -5,7 +5,7 @@ html
 		include head
 		title= title.title_name
 		style.
-			form { margin-left: 170px; width: calc(50rem - 170px); }
+			form { margin-left: 200px; width: calc(50rem - 200px); }
 	body
 		include header
 		article