scrolling fix

client/assets/styles/styles.less

@@ -23,7 +23,7 @@ html body {
 
     /* stops inspector going skitz*/
     overflow-x: hidden;
-    overflow-y: hidden;
+    // overflow-y: hidden;
 }
 
 @media (min-width: 1921px) {

client/assets/styles/styles.mobile.css

@@ -1,14 +1,16 @@
 @media (max-width: 800px) {
-
     #mnml {
         font-size: 12pt;
         padding: 0;
         grid-template-columns: 1fr;
         grid-template-rows: 1fr min-content;
-        /*overflow-y: scroll;*/
         grid-template-areas:
           "main"
           "footer";
+
+        height: 100vh;
+        max-height: initial;
+        min-height: initial;
     }
 
     #mnml button {
@@ -52,6 +54,8 @@
 */
     main {
         overflow-x: hidden;
+        overflow-y: initial;
+        max-height: 100vh;
         padding: 0 0.5em;
     }