From e11d3989d1541a92dd3683ddb0dee02a4fefb28d Mon Sep 17 00:00:00 2001
From: Michael Ochmann <michael.ochmann@propeller.de>
Date: Tue, 23 Aug 2022 21:19:09 +0200
Subject: [PATCH] optimized mobile view

---
 playground/index.php | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/playground/index.php b/playground/index.php
index 7514cac..f9cc90e 100644
--- a/playground/index.php
+++ b/playground/index.php
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
 	<meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
 	<title>parkdown playground</title>
 	<script type="module">
 		const $ = selector => {
@@ -179,6 +179,26 @@
 		::-webkit-scrollbar-button {
 			display:none;
 		}
+
+		@media (max-width: 920px) {
+			body {
+				grid-template-columns: 1fr !important;
+				grid-template-rows: 1fr 1fr;
+			}
+		
+			textarea, .linenumbers {
+				font-size: 1rem;
+			}
+			.linenumbers {
+				padding: 0.5rem;
+			}
+
+			.editor {
+				grid-template-columns: 50px auto;
+				gap: 1rem;
+			}
+
+		}
 	</style>
 </head>
 <body>