adds button icons

src/main/resources/templates/pub/index.html

@@ -33,6 +33,10 @@
 
         button {
             padding: 10px;
+            border: #333333 3px solid;
+            border-radius: 5px;
+            background: #333333;
+            color: #fff
         }
         input {
             margin: 10px;
@@ -130,7 +134,7 @@
     <div class="w3-panel w3-theme-l4 w3-card w3-display-container" style="padding: 25px; text-align: center; margin-bottom: auto">
         <label for="name" id="nameLabel">Name </label><input type="text" id="name" style="width: 75%" required onkeyup="start(event)"/><br/>
         <label for="room" id="roomLabel">Room </label><input type="text" id="room" style="width: 75%" required onkeyup="start(event)"/><br/>
-        <button id="start" onclick="start()" style="align-self: center">Start</button>
+        <button id="start" onclick="start()" style="align-self: center">Start 🞂</button>
     </div>
     <div id="dice-tower" hidden class="w3-panel w3-theme-l4 w3-card w3-display-container" style="padding: 25px; margin-bottom: auto">
         <button type="button" class="collapsible" style="color: white; font-weight: bold">Overlay URLs  <a>🞃</a></button>
@@ -166,13 +170,13 @@
             <color-picker id="themeColor"></color-picker><br/>
             <div id="dice-box"></div>
 
-            <button style="margin-bottom: 20px" id="preview">Preview</button>
+            <button style="margin-bottom: 20px" id="preview">Preview 🔎</button>
-            <button style="margin-bottom: 20px" onclick="saveDice()">Save</button>
+            <button style="margin-bottom: 20px" onclick="saveDice()">Save 💾</button>
             <button popovertarget="save-dice-hint" data-trigger="hover" class="overlayButton">?</button>
         </div><br/>
         <p>Example Commands: "1d6", "2d8 1d100", "1d4 and 1d6", "2d20 & 1d2, "5d6+10"</p>
         <label for="command">Command </label><input type="text" id="command" onkeyup="roll(event)"/>
-        <button hidden id="roll" onclick="roll()">Roll</button><br/><br/>
+        <button hidden id="roll" onclick="roll()">Roll 🞂</button><br/><br/>
         <label for="resultSwitch">Show all results </label>
         <label class="switch">
             <input type="checkbox" id="resultSwitch">