From 33d72fd20a1e41870d101bf5cb9af24133b6685c Mon Sep 17 00:00:00 2001
From: Adam French <adam.a.french@outlook.com>
Date: Mon, 9 Mar 2026 18:03:19 +0000
Subject: [PATCH] Fix side scrolling for iphones

---
 nginx/vue/src/views/home/Home.vue | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/nginx/vue/src/views/home/Home.vue b/nginx/vue/src/views/home/Home.vue
index 58c358e..f2f5439 100644
--- a/nginx/vue/src/views/home/Home.vue
+++ b/nginx/vue/src/views/home/Home.vue
@@ -135,6 +135,20 @@ import Consumption from "./Consumption.vue";
     }
 }
 
+@media (max-width: 500px) {
+    main {
+        overflow-x: hidden;
+    }
+
+    .outerWrap {
+        max-width: 100vw;
+    }
+
+    .sidebar {
+        margin: 5px 0;
+    }
+}
+
 .intro {
     grid-column: 1 / span 6;
     grid-row: 1 / span 4;