Editor: unified positioning for canvas and iframe

Author: pepc84

editor/index.html

@@ -68,13 +68,12 @@
       flex: 1;
       background: #111;
       overflow: hidden;
-      position: relative;
       display: flex;
       align-items: center;
       justify-content: center;
     }
     #preview-area canvas { display: block !important; }
-    #preview-area iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; display: block; }
+    #preview-area iframe { width: 100%; height: 100%; border: none; display: block; flex-shrink: 0; }
 
     #preview-placeholder { color: #555; font-size: 13px; text-align: center; line-height: 2.2; }
     #preview-placeholder kbd {
@@ -273,7 +272,7 @@
   const canvas = document.createElement('canvas');
   canvas.id = 'canvas';
   canvas.style.display = 'block';
-  canvas.style.margin = 'auto';
+
   area.appendChild(canvas);
   window.Module = {
     canvas: canvas,