Narrow the sidebar and rearrange entity options

macrovision.css

@@ -96,7 +96,7 @@ body.toggle-entity-glow .entity-box:not(.selected) > img{
 
 #options {
     position: relative;
-    flex: 1 1 15vw;
+    flex: 1 1 10vw;
     min-width: 100pt;
     display: flex;
     justify-content: start;
@@ -154,6 +154,10 @@ body.toggle-entity-glow .entity-box:not(.selected) > img{
     justify-content: space-evenly;
 }
 
+.options-two-buttons > button {
+    font-size: 18pt;
+}
+
 .options-category {
     position: relative;
 }

macrovision.html

@@ -103,8 +103,8 @@
           <button class="options-button" id="options-world-fit">Fit to entities</button>
         </div>
         <div class="options-two-buttons" id="options-reset-pos">
-          <button id="options-reset-pos-x">Reset X</button>
-          <button id="options-reset-pos-y">Reset Y</button>
+          <button id="options-reset-pos-x">Center X</button>
+          <button id="options-reset-pos-y">Center Y</button>
         </div>
       </div>
       <div class="options-label">
@@ -121,7 +121,9 @@
           <span class="sr-only">Delete Entity</span>
         </button>
       </div>
-      <h3 class="options-header" id="entity-category-header">Entity Options</h3>
+      <h3 class="options-header" id="entity-category-header">Entity</h3>
+      <span id="options-entity">
+      </span>
       <div class="options-category" id="entity-category">
         <div class="options-label">
           View
@@ -131,9 +133,9 @@
           Ordering
         </div>
         <div class="options-two-buttons" id="options-ordering">
-          <button id="options-order-back">Toward back</button>
+          <button id="options-order-back">Back</button>
           <div id="options-order-display"></div>
-          <button id="options-order-forward">Toward front</button>
+          <button id="options-order-forward">Front</button>
         </div>
         <div class="options-row">
           <button class="options-button" id="options-flip">Flip</button>
@@ -151,10 +153,8 @@
         </div>
         <div class="options-block" id="options-entity-defaults">
         </div>
-        <span id="options-entity">
-        </span>
       </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">
         <span id="options-view">
         </span>