Improve mobile warning

src/css/states/mobile_warning.scss

@@ -4,6 +4,8 @@
     background: #333438 !important;
     @include S(padding, 20px);
     box-sizing: border-box;
+    justify-content: center;
+    flex-direction: column;
 
     .logo {
         width: 80%;
@@ -17,20 +19,23 @@
         margin-bottom: 13px;
         font-size: 16px;
         line-height: 20px;
+        max-width: 300px;
+        text-align: left;
         a {
             color: $colorBlueBright;
         }
     }
 
     .standaloneLink {
-        width: 100%;
+        width: 200px;
         height: 80px;
+        min-height: 40px;
         background: uiResource("get_on_itch_io.svg") center center / contain no-repeat;
         overflow: hidden;
         display: block;
         text-indent: -999em;
         cursor: pointer;
-        margin-top: 20px;
+        margin-top: 10px;
         pointer-events: all;
         transition: all 0.12s ease-in;
         transition-property: opacity, transform;

src/js/states/mobile_warning.js

@@ -10,7 +10,6 @@ export class MobileWarningState extends GameState {
     getInnerHTML() {
         return `
     
-            <div class="mobileWarning">
             <img class="logo" src="${cachebust("res/logo.png")}" alt="shapez.io Logo">
 
             <p>
@@ -24,7 +23,6 @@ export class MobileWarningState extends GameState {
             <a href="${
                 THIRDPARTY_URLS.standaloneStorePage
             }" class="standaloneLink" target="_blank">Get the shapez.io standalone!</a>
-            </div>
         `;
     }