Mobile phone layout.

1 files changed, 7 insertions, 9 deletions

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;
-	}
-}