From 4e9345ccc9ab4eb8c8b7ae15647deb65147ea268 Mon Sep 17 00:00:00 2001
From: Tor Andersson <tor@ccxvii.net>
Date: Fri, 20 Oct 2023 19:01:29 +0200
Subject: Mobile layout.

---
 play.css | 28 +++++++++++++++++++---------
 1 file changed, 19 insertions(+), 9 deletions(-)

(limited to 'play.css')

diff --git a/play.css b/play.css
index 0fa837a..f962a13 100644
--- a/play.css
+++ b/play.css
@@ -685,10 +685,23 @@ body.shift .mustered_vassals {
 
 .card_info {
 	border-bottom: 1px solid black;
+	padding: 12px;
+	overflow: clip;
 }
 
 .card_info .card {
-	margin: 12px auto;
+	margin: 0 auto;
+}
+
+@media (max-height: 800px) {
+	.card_info { height: 95px; }
+	.card_info:hover { height: auto; }
+}
+
+@media (max-height: 600px) {
+	.card_info {
+		display: none;
+	}
 }
 
 .card.disabled {
@@ -703,24 +716,21 @@ body.shift .mustered_vassals {
 
 /* MAP */
 
-#mapwrap {
-	width: 1275px;
-	height: 1650px;
-	box-shadow: 0px 1px 10px #0008;
-	z-index: 3;
-}
-
 #map {
+	margin: 0 auto ;
+	position: relative;
 	background-repeat: no-repeat;
 	background-size: cover;
 	width: 1275px;
 	height: 1650px;
 	overflow: clip;
+	box-shadow: 0px 1px 10px #0008;
+	z-index: 3;
 }
 
 #map { background-image: url(map75.jpg) }
 @media (min-resolution: 97dpi) {
-#map { background-image: url(map150.jpg) }
+	#map { background-image: url(map150.jpg) }
 }
 
 .box {
-- 
cgit v1.2.3