From b9084272926321d5c801db12bc52a7704c8e33b8 Mon Sep 17 00:00:00 2001
From: Elijah R <elijah@elijahr.dev>
Date: Wed, 10 Apr 2024 17:48:25 -0400
Subject: [PATCH] make OSK responsive (no longer goes offscreen on mobile)

---
 src/css/style.css | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/css/style.css b/src/css/style.css
index aac9954..56f9b51 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -156,8 +156,9 @@ tr.user-waiting > td {
 /* Start OSK */
 .osk-container {
   display: flex;
+  flex-wrap: wrap;
   justify-content: center;
-  width: 1024px;
+  max-width: 1024px;
   margin: 0 auto;
   margin-bottom: 10px;
   border-radius: 5px;
@@ -168,8 +169,7 @@ tr.user-waiting > td {
 }
 
 .osk-main.simple-keyboard {
-  width: 640px;
-  min-width: 640px;
+  max-width: 640px;
   background: none;
 }
 
@@ -279,6 +279,12 @@ tr.user-waiting > td {
   width: 350px;
 }
 
+@media screen and (max-width: 640px) {
+  .hg-button:not(:last-child) {
+    margin-right: 1px !important;
+  }
+}
+
 /*
 Theme: cvmDark
 */