1 files changed, 27 insertions, 0 deletions
diff --git a/wwwroot/styles/global.css b/wwwroot/styles/global.css
index 726c91a..2bd24bc 100644
--- a/wwwroot/styles/global.css
+++ b/wwwroot/styles/global.css
@@ -40,8 +40,10 @@ body {
     display:        flex;
     flex-direction: column;
     font-family:    'Trebuchet MS', 'Lucida Sans Unicode';
+    height:         100dvh;
     margin:         0;
     overflow:       hidden;
+    width:          100dvw;
 }
 
 a {
@@ -82,12 +84,14 @@ code {
 }
 
 button, input[type=submit] {
+    align-items:   center;
     background:    var(--col-button-pri);
     border-radius: 10px;
     border:        none;
     box-sizing:    border-box;
     color:         white;
     cursor:        pointer;
+    display:       flex;
     height:        30px;
     margin:        10px 5px 0 5px;
     padding:       0 9px 0 9px;
@@ -103,6 +107,29 @@ button.warning {
     background: var(--col-button-warning);
 }
 
+button > img {
+    height:       15px;
+    margin-right: 5px;
+    width:        15px;
+}
+
+@media (hover: none) and (pointer: coarse) {
+    button {
+        height: auto;
+    }
+
+    button > :not(:first-child) {
+        display: none;
+    }
+
+    button > img {
+        height:       20px;
+        margin-right: 0;
+        padding:      8px;
+        width:        20px;
+    }
+}
+
 @media (hover: hover) {
     button.warning:hover {
         background: var(--col-button-warning-hl);