jr: make confirm windows slightly less cancerous

2024-03-19 23:57:22 -06:00
parent feac310ef1
commit f9d7ea14be
2 changed files with 44 additions and 7 deletions
@@ -5,19 +5,56 @@
 <head>
    <meta charset="utf-8">
    <style type="text/css">
-        body {
+        html, body {
+            background-color: #D0F5F7;
+            font-family: monospace, sans-serif;
            font-size: '0.7em';
+            height: 78%;
+        }
+
+        pre {
+            background-color: #E8E0F8;
+            overflow: scroll;
+            box-sizing: border-box;
+            width: 100%;
+            height: 100%;
+            border: 1px solid #ccc;
+            border-radius: 5px;
+            padding: 3px;
+        }
+
+        #miscinfo-wrapper1 {
+            flex: 1 1 auto;
+            height: 100%;
+        }
+
+        #miscinfo-wrapper3 {
+            display: flex;
+            flex-flow: column;
+            height: 100%;
+        }
+
+        #title-h1 {
+            text-align: center;
        }
    </style>
 </head>
 <body>
-<h5 id="title-h1"></h1>
+<h3 id="title-h1"></h3>

-<button id="good">Yes</button>
-<span width="10px">
-<button id="bad">No</button>
+<div>
+    <button id="good">Yes</button>
+    <span width="1em">
+    <button id="bad">No</button>
+</div>

-<pre id="miscinfo"></pre>
+<!-- dumbass css hack: https://www.w3docs.com/snippets/html/how-to-make-a-div-fill-the-height-of-the-remaining-space.html -->
+<div id='miscinfo-wrapper3'>
+    <div id='miscinfo-wrapper1'>
+        <pre id="miscinfo">
+        </pre>
+    </div>
+</div>


 <script type="module" src="./gb.js"></script>