Mobile layout.

1 files changed, 5 insertions, 16 deletions

diff --git a/play.css b/play.css
index 4b2604f..fec181d 100644
--- a/play.css
+++ b/play.css
@@ -56,20 +56,9 @@ aside {
 
 /* CARD ACTION POPUP MENU */
 
-#popup {
-	position: absolute;
-	user-select: none;
-	background-color: #ddd;
-	left: 10px;
-	top: 100px;
-	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
-	z-index: 100;
-	min-width: 20ex;
-	white-space: nowrap;
-}
-#popup div { padding: 3pt 8pt; display: none; }
-#popup div.enabled { padding: 3pt 8pt; display: block; }
-#popup div:hover { background-color: teal; color: white; }
+#popup { max-width: 250px; }
+#popup li.title { text-align: center }
+#popup li.disabled { display: none }
 
 /* MAP WITH MARKERS, CUs, LEADERS, AND SPACES */
 
@@ -172,7 +161,6 @@ aside {
 	line-height: 50px;
 	padding-left: 6px;
 	font-size: 30px;
-	user-select: none;
 	color: white;
 	text-shadow: 0px 0px 3px black;
 	font-weight: bold;
@@ -269,7 +257,8 @@ aside {
 
 .hand .card.enabled:hover, .hand .card.selected {
 	Xtransform: scale(1.5) translate(0,-30px);
-	transform: scale(1.1);
+	Xtransform: scale(1.1);
+	transform: translate(0,-10px);
 	z-index: 10;
 }