From e6ddd493b968a6f8c2d76b669192e63d4481d151 Mon Sep 17 00:00:00 2001
From: sigmasternchen <git@sigma-star.io>
Date: Sat, 28 Sep 2024 21:06:31 +0200
Subject: [PATCH] feat: Scale keyboard on device width on mobile

---
 html/static/styles.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/html/static/styles.css b/html/static/styles.css
index a5e95bd..68d7055 100644
--- a/html/static/styles.css
+++ b/html/static/styles.css
@@ -146,6 +146,14 @@ h2 {
     border: none;
 }
 
+@media screen and (max-width: 600px) {
+    .key {
+        height: 8vw;
+        min-width: 6vw;
+        font-size: 4vw;
+    }
+}
+
 .toast {
     position: fixed;
     top: 0;