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;
     }
 

client/src/components/instance.component.jsx

@@ -71,8 +71,12 @@ class Instance extends Component {
             clearItems();
         }
 
+        function onTouchMove(e) {
+            e.preventDefault();
+        }
+
         return (
-            <main id="instance" class='instance' onClick={instanceClick} onMouseOver={() => setInfo(null)} >
+            <main id="instance" class='instance' onClick={instanceClick} onMouseOver={() => setInfo(null)} onTouchMove={onTouchMove}>
                 <Vbox />
                 <InfoContainer />
                 <InstanceConstructsContainer />

client/src/components/welcome.jsx

@@ -19,7 +19,7 @@ function Welcome() {
     };
 
     return (
-        <main class="menu">
+        <main class="menu welcome">
             <header>
                 <div class="options">
                     <button