webstead: scale input and output better with window size

It turns out that setting --pix to 7vmin, while rather unprincipled,
does actually work quite adequately.

diff --git a/webstead.xhtml b/webstead.xhtml
index a55752701c22b6574697e30623d4b84bb9be51d9..98da8d55d6cec1f1a7af56483b389a6f860c1e2f 100644 (file)
--- a/webstead.xhtml
+++ b/webstead.xhtml
@@ -5,16 +5,17 @@
     <title>Bedstead editor test</title>
     <style>
       :root {
-          --pix: 50px;
+          --pix: 7vmin;
+      }
+      body {
+          max-width: none;
       }
       #inout {
           display: flex;
       }
-      #inout > * {
-          margin-left: var(--pix);
-          margin-top: var(--pix);
-      }
-      #outpane {
+      #inpane, #outpane {
+          padding-left: var(--pix);
+          padding-top: var(--pix);
           width: calc(5 * var(--pix));
           height: calc(9 * var(--pix));
       }