feat: new button types

examples/web/index.css

@@ -208,15 +208,26 @@ p {
     user-select: none;
 }
 
+.tiny-button.border {
+    border: 1px solid #ffffff;
+}
+
 .tiny-button.padded {
-    padding-top: 4px;
-    padding-bottom: 4px;
+    padding: 4px 10px 4px 10px;
+}
+
+.tiny-button.enabled {
+    background-color: #50cb93;
 }
 
 .tiny-button:hover {
     background-color: #50cb93;
 }
 
+.tiny-button:active {
+    background-color: #2a9d8f;
+}
+
 .overlay.visible {
     opacity: 1.0;
 }

examples/web/index.html

@@ -45,8 +45,8 @@
                 </div>
                 <div class="separator"></div>
                 <div class="section">
-                    <span class="tiny-button tiny-button-left padded">Benchmark</span>
-                    <span class="tiny-button tiny-button-left padded">Information</span>
+                    <span class="tiny-button tiny-button-left border padded">Benchmark</span>
+                    <span class="tiny-button tiny-button-left padded enabled">Information</span>
                 </div>
             </div>
         </div>