From be6a96e9badf23402f64615dfe872830c8acda04 Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Mon, 16 May 2022 10:50:00 -0500
Subject: [PATCH] Use icons for rotation, brightness, etc.

---
 macrovision.css  |  8 ++++++--
 macrovision.html | 16 ++++++++--------
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/macrovision.css b/macrovision.css
index 020206df..f0ead086 100644
--- a/macrovision.css
+++ b/macrovision.css
@@ -161,11 +161,15 @@ body.toggle-entity-glow .entity-box:not(.selected) > img{
 
 .options-two-buttons {
     display: flex;
-    justify-content: space-evenly;
+    justify-content: space-between;
+    margin-left: 4pt;
+    margin-right: 4pt;
 }
 
 .options-two-buttons > button {
-    font-size: 18pt;
+    font-size: 32pt;
+    width: 42pt;
+    height: 42pt;
 }
 
 .options-category {
diff --git a/macrovision.html b/macrovision.html
index d2497670..d31d97ed 100644
--- a/macrovision.html
+++ b/macrovision.html
@@ -130,8 +130,8 @@
           Center
         </div>
         <div class="options-two-buttons" id="options-reset-pos">
-          <button id="options-reset-pos-x">X</button>
-          <button id="options-reset-pos-y">Y</button>
+          <button id="options-reset-pos-x"><i class="fas fa-arrows-alt-h"></i></button>
+          <button id="options-reset-pos-y"><i class="fas fa-arrows-alt-v"></i></button>
         </div>
       </div>
       <div class="options-label">
@@ -164,9 +164,9 @@
           Ordering
         </div>
         <div class="options-two-buttons" id="options-ordering">
-          <button id="options-order-back">Back</button>
+          <button id="options-order-back"><i class="fas fa-sort-down"></i></button>
           <div id="options-order-display"></div>
-          <button id="options-order-forward">Front</button>
+          <button id="options-order-forward"><i class="fas fa-sort-up"></i></button>
         </div>
         <div class="options-row">
           <button class="options-button" id="options-flip">Flip</button>
@@ -175,16 +175,16 @@
           Rotation
         </div>
         <div class="options-two-buttons" id="options-rotation">
-          <button id="options-rotate-left">Left</button>
-          <button id="options-rotate-right">Right</button>
+          <button id="options-rotate-left"><i class="fas fa-undo"></i></button>
+          <button id="options-rotate-right"><i class="fas fa-redo"></i></button>
         </div>
         <div class="options-label">
           Brightness
         </div>
         <div class="options-two-buttons" id="options-brightness">
-          <button id="options-brightness-down">Down</button>
+          <button id="options-brightness-down"><i class="fas fa-moon"></i></button>
           <div id="options-brightness-display"></div>
-          <button id="options-brightness-up">Up</button>
+          <button id="options-brightness-up"><i class="fas fa-sun"></i></button>
         </div>
         <div class="options-label">
           Sizes