Rename headers; make horizontal scrollbar larger

macrovision.css

@@ -121,7 +121,7 @@ body.toggle-entity-glow .entity-box:not(.selected) > img{
     display: none;
 }
 #options::-webkit-scrollbar {
-    height: 2px;
+    height: 10px;
   }
 #options::-webkit-scrollbar-button {
     width: 0px;

macrovision.html

@@ -81,7 +81,7 @@
   <div id="main-area">
     <div id="options" class="">
       <a href="https://docs.google.com/forms/d/e/1FAIpQLScRC-okDZ3FtzDTkbqSrpj5_OGD-1Vl-VYizOK3QM6quus11g/viewform?usp=sf_link" class="options-banner">Submit your<br>character!</a>
-      <h3 class="options-header">World options</h3>
+      <h3 class="options-header">World</h3>
       <span id="options-world">
         <div class="options-label">
           World height
@@ -145,7 +145,7 @@
           <option id="options-selected-entity-none">None</option>
         </select>
       </div>
-      <h3 class="options-header" id="entity-category-header">Entity options</h3>
+      <h3 class="options-header" id="entity-category-header">Entity</h3>
       <div class="options-category" id="entity-category">
         <div class="options-label">
           Ordering
@@ -169,12 +169,12 @@
         <div id="options-entity">
         </div>
       </div>
-      <h3 class="options-header" id="view-category-header">View options</h3>
+      <h3 class="options-header" id="view-category-header">View</h3>
       <div class="options-category" id="view-category">
         <div id="options-view">
         </div>
       </div>
-      <h3 class="options-header" id="attribution-category-header" >Attribution</h3>
+      <h3 class="options-header" id="attribution-category-header" >Info</h3>
       <span id="options-attribution">
         <div class="options-label">
           Authors