From e43987a1c3a989576af05eb7bcef9fbb468906f0 Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Sun, 15 Mar 2020 12:35:13 -0400
Subject: [PATCH] Switch to FontAwesome icons for the menubar

---
 macrovision.html | 18 +++++++++---------
 macrovision.js   |  3 ++-
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/macrovision.html b/macrovision.html
index f7cd6252..dedbf07f 100644
--- a/macrovision.html
+++ b/macrovision.html
@@ -5,7 +5,7 @@
   <meta charset="utf-8">
   <title>Macrovision</title>
   <link rel="stylesheet" href="reset.css">
-  <link rel="stylesheet" href="macrovision.css">
+  <link rel="stylesheet" href="macrovision.css"><script src="https://kit.fontawesome.com/10a16c6083.js" crossorigin="anonymous"></script> 
   <script src="math.min.js"></script>
   <script src="presets/buildings.js"></script>
   <script src="presets/landmarks.js"></script>
@@ -59,26 +59,26 @@
   </div>
   <div id="menubar">
     <span class="menubar-group">
-      <button id="menu-fullscreen">Fullscreen</button>
+      <button id="menu-fullscreen"><i class="fas fa-compress"></i></button>
     </span>
     <span class="menubar-group">
-      <button id="menu-clear">Clear</button>
+      <button id="menu-clear"><i class="fas fa-trash-alt"></i></button>
     </span>
     <span class="menubar-group">
-      <button id="menu-order-height">Order</button>
+      <button id="menu-order-height"><i class="fas fa-sort-numeric-up"></i></button>
     </span>
     <span class="menubar-group">
-      <button id="menu-permalink">Permalink</button>
-      <button id="menu-export">Export</button>
-      <button id="menu-save">Save</button>
-      <button id="menu-load">Load</button>
+      <button id="menu-permalink"><i class="fas fa-link"></i></button>
+      <button id="menu-export"><i class="fas fa-share"></i></button>
+      <button id="menu-save"><i class="fas fa-download"></i></button>
+      <button id="menu-load"><i class="fas fa-upload"></i></button>
     </span>
     <span class="menubar-group" id="spawners">
 
     </span>
   </span>
   <span class="menubar-group" id="scenes">
-    <button id="load-scene">Load</button>
+    <button id="load-scene"><i class="fas fa-cloud-upload-alt"></i></button>
     <select id="scene-choices">
 
     </select>
diff --git a/macrovision.js b/macrovision.js
index 27739016..8f9ed6db 100644
--- a/macrovision.js
+++ b/macrovision.js
@@ -1327,7 +1327,8 @@ function prepareEntities() {
         const button = document.createElement("button");
         button.id = "create-entity-" + category + "-button";
 
-        button.innerText = "Create";
+        button.innerHTML = "<i class=\"far fa-plus-square\"></i>";
+        
         button.addEventListener("click", e => {
             const newEntity = entityList[select.value].constructor()
             displayEntity(newEntity, newEntity.defaultView, 0.5, 1, true);