From e458c69c80c0108aecb7e0a360ab164247d2c2c9 Mon Sep 17 00:00:00 2001
From: Joakim Hulthe <joakim@hulthe.net>
Date: Sun, 5 Nov 2023 13:15:14 +0100
Subject: [PATCH] Do hacks with scale to stop overflowing

---
 frontend/static/styles/common.scss | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/frontend/static/styles/common.scss b/frontend/static/styles/common.scss
index aad5ab1..51e4cd0 100644
--- a/frontend/static/styles/common.scss
+++ b/frontend/static/styles/common.scss
@@ -19,6 +19,16 @@ body {
 	font-size: x-large;
 }
 
+/* filthy hacks to make the page stop overflowing on mobile */
+@media (width <= 430px) {
+	body {
+		margin: 0;
+		transform-origin: top left;
+		scale: 0.9;
+	}
+}
+@media (width <= 390px) { body { scale: 0.85; } }
+
 .info_box {
 	margin: auto;
 	max-width: 40em;
@@ -93,7 +103,8 @@ body {
 }
 
 .bulb_box > * {
-	margin: 0.5em;
+	margin-bottom: 1em;
+	margin-right: 1em;
 }
 
 .bulb_controls {