made hovering way more responsive

toys/license/index.html

@@ -107,13 +107,13 @@
         </form>-->
 
 				<div style="display: flex; gap: calc(1px * var(--pxDensity))">
-					<button id="generateButton" class="generateButton" onclick="generateLicense()">
+					<button id="generateButton" class="generateButton navBtn" onclick="generateLicense()">
 						Download
 					</button>
-					<button class="generateButton" onclick="exportData()">
+					<button class="generateButton navBtn" onclick="exportData()">
 						Copy Data
 					</button>
-					<button class="generateButton" onclick="importData()">
+					<button class="generateButton navBtn" onclick="importData()">
 						Import
 					</button>
 				</div>

toys/license/options.css

@@ -48,6 +48,10 @@
   color: inherit;
   display: inline-block;
 }
+.licenseForm input[type="text"]:hover {
+  filter: brightness(1.35);
+  cursor: pointer;
+}
 .slider {
   -webkit-appearance: none;
   appearance: none;
@@ -62,7 +66,11 @@
   margin: 0%;
   outline: none;
   padding: 0%;
-} 
+}
+.slider:hover {
+  filter: brightness(1.35);
+  cursor: pointer;
+}
 .slider::-webkit-slider-thumb, .slider::-moz-range-thumb {
   -webkit-appearance: none;
   appearance: none;
@@ -145,6 +153,10 @@ select {
   color: inherit;
   display: inline-block;
 }
+select:hover {
+  filter: brightness(1.35);
+  cursor: pointer;
+}
 input[type=file] {
   /* height: max-content;
   aspect-ratio: 1 / 1;
@@ -163,6 +175,14 @@ input[type=file] {
   background-image: url(/assets/icons/upload.svg);
   display: inline-flex;
 }
+#picUploadLabel:hover {
+  filter: brightness(1.35);
+  cursor: pointer;
+}
+#picUploadLabel:active {
+  filter: brightness(0.75);
+  transform: translateY(calc(1px * var(--pxDensity)));
+}
 #picUploadIcon {
   height: calc(4px * var(--pxDensity));
   aspect-ratio: 1 / 1;