Rename the ratio-info element to extra-info

This is just because it's holding non-ratio-related info now!

macrovision.css

@@ -725,7 +725,7 @@ option.filtered {
     font-size: 28px;
 }
 
-.ratio-info {
+.extra-info {
     position: absolute;
     top: 5%;
     right: 5%;

macrovision.html

@@ -224,7 +224,7 @@
       </div>
     </div>
     <div id="world">
-      <div class="ratio-info">
+      <div class="extra-info">
       </div>
       <button class="scroll-button" id="zoom-in">
         <i class="fas fa-search-plus"></i>

macrovision.js

@@ -566,12 +566,12 @@ function updateEntityElement(entity, element) {
     } else {
         topName.classList.remove("top-name-needed");
     }
-    updateRatios();
+    updateInfo();
 }
 
 let ratioInfo
 
-function updateRatios() {
+function updateInfo() {
     let text = ""
     if (config.showRatios) {
         if (selectedEntity !== null && prevSelectedEntity !== null && selectedEntity !== prevSelectedEntity) {
@@ -687,7 +687,7 @@ function pickUnit() {
 }
 
 function updateSizes(dirtyOnly = false) {
-    updateRatios();
+    updateInfo();
 
     if (config.lockYAxis) {
         if (config.groundPos === "very-high") {
@@ -1532,7 +1532,7 @@ function select(target) {
     selected = target;
     selectedEntity = entities[target.dataset.key];
 
-    updateRatios();
+    updateInfo();
 
     document.getElementById("options-selected-entity-" + target.dataset.key).selected = "selected";
 
@@ -2242,7 +2242,7 @@ function removeEntity(element) {
 
     selectedEntity = null;
     prevSelectedEntity = null;
-    updateRatios();
+    updateInfo();
 }
 
 function checkEntity(entity) {
@@ -2787,7 +2787,7 @@ const settingsData = {
         },
         set value(param) {
             config.showRatios = param;
-            updateRatios();
+            updateInfo();
         }
     },
     "show-horizon": {
@@ -2800,7 +2800,7 @@ const settingsData = {
         },
         set value(param) {
             config.showHorizon = param;
-            updateRatios();
+            updateInfo();
         }
     },
     "attach-rulers": {
@@ -4486,7 +4486,7 @@ function prepareEntities() {
         updateFilter();
     });
 
-    ratioInfo = document.body.querySelector(".ratio-info")
+    ratioInfo = document.body.querySelector(".extra-info")
 
 }