oklemenz
diff --git a/‎assets/web/game.css‎
Lines changed: 20 additions & 7 deletions b/‎assets/web/game.css‎
Lines changed: 20 additions & 7 deletions
diff --git a/‎converter/index.js‎
Lines changed: 1 addition & 1 deletion b/‎converter/index.js‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎index.html‎
Lines changed: 3 additions & 1 deletion b/‎index.html‎
Lines changed: 3 additions & 1 deletion
@@ -1,16 +1,18 @@
 html,
 body {
-    width: 100vw;
-    height: 100vh;
+    width: 100%;
+    height: 100%;
     margin: 0;
     padding: 0;
     background-color: black;
+    margin-top: 0.5px
 }
 
-@media (orientation: portrait) {
+@media (orientation: landscape) {
     html,
     body {
-        margin-top: -25px;
+        width: 100vw;
+        height: 100vh;
     }
 }
 
@@ -21,10 +23,21 @@ body * {
     user-select: none;
 }
 
-.game {
+.game,
+.game_container {
+    display: block;
+    touch-action: none;
     margin: auto;
-    width: 100vw;
-    height: calc(100vh - env(safe-area-inset-bottom, 0px));
+    width: 100%;
+    height: 100%;
+}
+
+@media (orientation: landscape) {
+    .game,
+    .game_container {
+        width: 100vw;
+        height: calc(100vh - env(safe-area-inset-bottom, 0px));
+    }
 }
 
 canvas {
 
@@ -304,7 +304,7 @@ function transformLevel(spec) {
       const n = j * format.size.width + i;
       format.room[n] = {};
       format.room[n].id = spec.layout[n];
-      let next = 1;
+      let next;
       let eventID;
       if (spec.layout[n] !== -1) {
         // Copy tiles
 
@@ -60,7 +60,9 @@
     <script src="src/tiles/Torch.js"></script>
   </head>
   <body oncontextmenu="return false;">
-    <div class="game" id="gameContainer"></div>
+    <div class="game">
+      <div class="game_container" id="gameContainer"></div>
+    </div>
     <script type="text/javascript">
       window.onload = () => {
         let game = new Phaser.Game(640, 400, Phaser.AUTO, "gameContainer", null, false, false);