Restyle options

macrovision.css

@@ -39,7 +39,7 @@ body {
 
 #options {
     flex: 1 0 15vw;
-    background: red;
+    background: #444;
 }
 
 #entities {
@@ -74,3 +74,8 @@ body {
     height: 100%;
     background: #333;
 }
+
+#options input {
+    width: 50%;
+    font-size: 150%;
+}

macrovision.html

@@ -24,11 +24,13 @@
   </div>
   <div id="main-area">
     <div id="options">
-      <input type="number" id="options-height-value" value="10">
-      <select id="options-height-unit">
-        <option>meters</option>
-        <option>kilometers</option>
-      </select>
+      <div class="option-row">
+        <input type="number" id="options-height-value" value="10">
+        <select id="options-height-unit">
+          <option>meters</option>
+          <option>kilometers</option>
+        </select>
+      </div>
     </div>
     <div id="world">
       <div id="entities">

macrovision.js

@@ -183,8 +183,6 @@ document.addEventListener("DOMContentLoaded", () => {
     document.querySelector("#options-height-unit").addEventListener("input", e => {
         updateWorldHeight();
     })
-
-    const entities = document.querySelector("#entities");
     
     world.addEventListener("mousedown", e => deselect());
     document.addEventListener("mouseup", e => clickUp());