Change some default settings and adjust styling

macrovision.css

@@ -980,10 +980,14 @@ button {
 
 .settings-holder > select {
     height: 100%;
-    background: darkgreen;
+    background: #555;
     font-size: 16pt;
 }
 
+.settings-holder.enabled > select {
+    background: darkgreen;
+}
+
 .filter-button > i {
     color: gray;
 }

macrovision.js

@@ -1018,7 +1018,7 @@ function drawVerticalScale(ifDirty = false) {
         drawAltitudeLine(ctx, math.unit(72.30, "meters"), "Discus Throw");
         drawAltitudeLine(ctx, math.unit(84.80, "meters"), "Hammer Throw");
         drawAltitudeLine(ctx, math.unit(90.57, "meters"), "Javelin Throw");
-    }
+    }  
 }
 
 // this is a lot of copypizza...
@@ -2660,6 +2660,25 @@ const settingsData = {
             updateSizes();
         }
     },
+    "background-brightness": {
+        name: "Background Color",
+        desc: "How bright the background is",
+        type: "select",
+        default: "medium",
+        options: [
+            "black",
+            "dark",
+            "medium",
+            "light",
+        ],
+        get value() {
+            return config.background;
+        },
+        set value(param) {
+            config.background = param;
+            drawScales();
+        }
+    },
     "auto-scale": {
         name: "Auto-Size World",
         desc: "Constantly zoom to fit the largest entity",
@@ -2701,7 +2720,7 @@ const settingsData = {
         name: "Zoom On Size",
         desc: "Zoom to fit when you select an entity's size",
         type: "toggle",
-        default: true,
+        default: false,
         get value() {
             return config.autoFitSize;
         },
@@ -2713,7 +2732,7 @@ const settingsData = {
         name: "Show Ratios",
         desc: "Show the proportions between the current selection and the most recent selection.",
         type: "toggle",
-        default: true,
+        default: false,
         get value() {
             return config.showRatios;
         },
@@ -2817,25 +2836,6 @@ const settingsData = {
             toggleBodyClass("toggle-entity-glow", param);
         }
     },
-    "background-brightness": {
-        name: "Background Brightness",
-        desc: "How bright the background is",
-        type: "select",
-        default: "medium",
-        options: [
-            "black",
-            "dark",
-            "medium",
-            "light",
-        ],
-        get value() {
-            return config.background;
-        },
-        set value(param) {
-            config.background = param;
-            drawScales();
-        }
-    },
     "smoothing": {
         name: "Smoothing",
         desc: "Smooth out movements and size changes. Disable for better performance.",
@@ -2909,11 +2909,6 @@ const settingsData = {
     },
 }
 
-function getBoundingBox(entities, margin = 0.05) {
-
-}
-
-
 function prepareSettings(userSettings) {
     const menubar = document.querySelector("#settings-menu");