Improve sidebar layout

macrovision.css

@@ -90,7 +90,7 @@ body.toggle-entity-glow .entity-box:not(.selected) > img{
     flex-direction: column;
     background: #444;
     overflow-x: hidden;
-    overflow-y: scroll;
+    overflow-y: auto;
     height: 100%;
     scrollbar-color: #e1e1e1 #888;
 }
@@ -144,21 +144,27 @@ body.toggle-entity-glow .entity-box:not(.selected) > img{
 .options-row {
     display: flex;
     text-align: center;
-    width: 100%;
-    margin-top: 10px;
-    margin-bottom: 10px;
+    width: 90%;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 8px;
+    margin-bottom: 8px;
 }
 
 .options-block {
     display: flex;
     text-align: center;
-    min-width: 100%;
+    min-width: 90%;
+    width: 90%;
+    margin: auto;
     flex-direction: column;
 }
 
 .options-label {
     text-align: center;
     user-select: none;
+    margin-top: 12px;
+    margin-bottom: 4px;
 }
 
 .options-block.options-block-optional {

macrovision.html

@@ -89,17 +89,17 @@
         <div class="options-row">
           <button class="options-button" id="options-world-fit">Fit to entities</button>
         </div>
-        <div class="options-row">
-          <label class="switch">
-            <input type="checkbox" id="options-world-autofit">
-            <span class="switch-label">Auto-size world</span>
-          </label>          
-        </div>
         <div class="options-row">
           <input type="checkbox" id="options-show-extra">
           <label for="options-show-extra">Show extra options</label>
         </div>
         <div class="options-block options-block-optional">
+          <div class="options-row">
+            <label class="switch">
+              <input type="checkbox" id="options-world-autofit">
+              <span class="switch-label">Auto-size world</span>
+            </label>          
+          </div>
           <div class="options-row">
             <input type="checkbox" id="options-world-show-names">
             <label for="options-world-show-names">Names over entities</label>

macrovision.js

@@ -612,7 +612,7 @@ function configViewOptions(entity, view) {
         });
 
 
-        input.addEventListener("input", e => {
+        input.addEventListener("change", e => {
             const value = input.value == 0 ? 1 : input.value;
             entity.views[view][key] = math.unit(value, select.value);
             entity.dirty = true;