styles buttons

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

@@ -203,7 +203,7 @@
         <div style="display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; margin: 20px 25px;">
             <label for="command">Command </label>
             <input type="text" id="command" style="flex-grow: 1" onkeyup="roll(event)"/>
-            <button hidden id="roll" onclick="roll()">Roll 🎲</button>
+            <button hidden id="roll" onclick="roll()">Roll 🞂</button>
             <button popovertarget="command-hint" data-trigger="hover" class="overlayButton">🛈</button>
         </div>
 

src/main/resources/templates/results.html

@@ -31,7 +31,7 @@
                     resultText += '<br/>&ensp; D' + result.sides + ': [' + values.map(value => value === 1 ? '<strong style="color: red">' + value + '</strong>' : value === result.sides ? '<strong style="color: green">' + value + '</strong>' : value).join(' + ') + (result.modifier > 0 ? ' <a style="text-decoration: underline">+' + result.modifier + '</a>' : result.modifier < 0 ? ' <a style="text-decoration: underline">' + result.modifier + '</a>' : '') + '] = <strong style="font-size: x-large">' + result.value + '</strong> '
                 })
             }
-            node.innerHTML = '<strong style="text-shadow: 2px 2px 10px ' + data.themeColor + ';">' + data.name + ':</strong> 🎲	' + resultText
+            node.innerHTML = '<strong style="text-shadow: 2px 2px 10px ' + data.themeColor + ';">' + data.name + ':</strong> &#127922;	' + resultText
             name.appendChild(node)
             document.getElementById('results').insertBefore(name, document.getElementById('results').firstChild);
         }