1 files changed, 33 insertions, 13 deletions

diff --git a/wwwroot/styles/global.css b/wwwroot/styles/global.css
index b635eb1..726c91a 100644
--- a/wwwroot/styles/global.css
+++ b/wwwroot/styles/global.css
@@ -18,7 +18,8 @@
     --col-button-sec-disabled-bg: #000;
     --col-button-warning:         #ff4848;
     --col-button-warning-hl:      #ff9999;
-    --col-scrollbar:              #666666;
+    --col-hr:                     #888;
+    --col-scrollbar:              #666;
     --col-scrollbar-hover:        #aaaaaa;
     --col-switch-bg:              var(--col-bg);
     --col-switch-fg:              #fff;
@@ -48,8 +49,10 @@ a {
     text-decoration: none;
 }
 
-a:hover {
-    filter: brightness(1.5);
+@media (hover: hover) {
+    a:hover {
+        filter: brightness(1.5);
+    }
 }
 
 a::selection {
@@ -61,8 +64,10 @@ a.nondecorated {
     color: #fff;
 }
 
-a.nondecorated:hover {
-    color: #999;
+@media (hover: hover) {
+    a.nondecorated:hover {
+        color: #999;
+    }
 }
 
 code {
@@ -98,8 +103,10 @@ button.warning {
     background: var(--col-button-warning);
 }
 
-button.warning:hover {
-    background: var(--col-button-warning-hl);
+@media (hover: hover) {
+    button.warning:hover {
+        background: var(--col-button-warning-hl);
+    }
 }
 
 button.warning:active {
@@ -111,8 +118,10 @@ button.secondary {
     background: var(--col-button-sec);
 }
 
-button.secondary:hover {
-    background: var(--col-button-sec-hl);
+@media (hover: hover) {
+    button.secondary:hover {
+        background: var(--col-button-sec-hl);
+    }
 }
 
 button.secondary:active {
@@ -125,8 +134,10 @@ button.secondary:disabled {
     background: var(--col-button-sec-disabled-bg) !important;
 }
 
-button:hover, input[type=submit]:hover {
-    background: var(--col-button-pri-hl);
+@media (hover: hover) {
+    button:hover, input[type=submit]:hover {
+        background: var(--col-button-pri-hl);
+    }
 }
 
 button:active, input[type=submit]:active {
@@ -147,6 +158,13 @@ input {
     height: 25px !important;
 }
 
+/* disable hotkey underlines on mobile devices */
+@media (hover: none) and (pointer: coarse) {
+    button > u {
+        text-decoration: none !important;
+    }
+}
+
 /* necessary for use inside flex containers */
 hr {
     width: 100%;
@@ -162,8 +180,10 @@ hr {
     border-radius: 10px;
 }
 
-::-webkit-scrollbar-thumb:hover {
-    background: var(--col-scrollbar-hover);
+@media (hover: hover) {
+    ::-webkit-scrollbar-thumb:hover {
+        background: var(--col-scrollbar-hover);
+    }
 }
 
 ::-webkit-scrollbar-corner {