Refactor editor SVG positioning

Author: aryanpingle

src/components/RunicEditor/index.css

@@ -90,7 +90,8 @@
 }
 
 .runic-editor__svg-container {
-    height: 100%;
+    position: relative;
+    height: 15em;
     padding: 1em;
     display: grid;
     place-items: center;
@@ -121,8 +122,20 @@
     background-repeat: repeat;
 }
 
+/* Desktop */
+
+@media (min-width: 1024px) {
+    .runic-editor__svg-container {
+        height: 100%;
+    }
+}
+
 .runic-editor__svg-container > .runic-svg {
-    max-height: 15em;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
 }
 
 details {

src/components/RunicEditor/index.tsx

@@ -4,7 +4,12 @@ import { h, Component, VNode } from "preact";
 import { RuneSVG } from "components/RuneSVG";
 import { translateSentence } from "src/ipa";
 import { RangeInput } from "components/RangeInput";
-import { downloadURI, drawSVGToCanvas, svgToImageBlob, svgToUri } from "./utils";
+import {
+    downloadURI,
+    drawSVGToCanvas,
+    svgToImageBlob,
+    svgToUri,
+} from "./utils";
 import {
     CenterAlignIcon,
     CopyIcon,