web: Fix display issues

Author: WerWolv

dist/web/source/index.html

@@ -96,8 +96,8 @@ <h2 id="not_working">
     </div>
 </div>
 
-<div id="canvas-wrapper" style="width: 100%; height: 100%">
-    <canvas class="emscripten" id="canvas" oncontextmenu="event.preventDefault()"></canvas>
+<div id="canvas-wrapper" class="imhex-web-canvas-wrapper">
+    <canvas class="imhex-web-canvas canvas-fixed" id="canvas" ></canvas>
 </div>
 
 <script src="wasm-config.js"></script>

dist/web/source/style.css

@@ -185,4 +185,23 @@ a:hover {
     position: absolute;
     top: 0;
     left: 0;
+}
+
+.imhex-web-canvas {
+    width: 100%;
+    height: 100%;
+    display: block;
+    overflow: hidden;
+    image-rendering: smooth;
+    margin: 0;
+    padding: 0;
+    z-index: 1;
+}
+
+.imhex-web-canvas-wrapper {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    background-size: 100% 100%;
 }