From 49480720cf474a7cc74854f912b868efb8a20f27 Mon Sep 17 00:00:00 2001
From: Tor Andersson <tor@ccxvii.net>
Date: Tue, 17 Oct 2023 18:33:41 +0200
Subject: Mobile phone layout.

---
 play.css | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

(limited to 'play.css')

diff --git a/play.css b/play.css
index 6053b21..80f302c 100644
--- a/play.css
+++ b/play.css
@@ -82,6 +82,12 @@ body.Green .your_turn { background-color: hsl(99,36%,65%) }
 	cursor: pointer;
 }
 
+@media (max-width: 800px) {
+	#panel_list {
+		min-width: 2550px;
+	}
+}
+
 #mapwrap {
 	width: 2550px;
 	height: 1740px;
@@ -674,7 +680,7 @@ body.tint .legion.reduced {
 
 .panel {
 	background-color: #444;
-	max-width: min(calc(100% - 30px), 1636px);
+	width: clamp(824px, calc(100% - 30px), 1636px);
 	margin: 12px auto 36px auto;
 	box-shadow: 1px 2px 6px #0004;
 	border: 1px solid #0008;
@@ -801,11 +807,3 @@ body.tint .legion.reduced {
 	border: 2px solid #444;
 	opacity: 0.8;
 }
-
-/* MOBILE LAYOUT */
-
-@media (max-width: 640px) {
-	.panel_body {
-		justify-content: center;
-	}
-}
-- 
cgit v1.2.3