From 08773ac41f83ccae3e42e8dcf864d3105bf927e5 Mon Sep 17 00:00:00 2001
From: Oliver Sayers <talk@savagecore.uk>
Date: Sun, 24 Sep 2023 00:57:01 +0100
Subject: [PATCH] Further improve mobile rendering

---
 package.json        | 1 +
 src/styles/app.scss | 8 +++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 1b85a15..c9c3b26 100644
--- a/package.json
+++ b/package.json
@@ -5,6 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
+    "dev:remote": "vite --host",
     "build": "vite build",
     "preview": "vite preview",
     "check": "svelte-check --tsconfig ./tsconfig.json",
diff --git a/src/styles/app.scss b/src/styles/app.scss
index 5a2d8e0..3797476 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -22,10 +22,16 @@
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  min-height: 90vh;
+  min-height: 100vh;
 }
 
 .disabled {
   opacity: 0.5;
   pointer-events: none;
 }
+
+@media (max-width: 768px) {
+  .container {
+    min-height: 80vh;
+  }
+}