1 files changed, 32 insertions, 34 deletions

diff --git a/kvmd/web/css/mobile.css b/kvmd/web/css/mobile.css
index 1eda438c..a672d575 100644
--- a/kvmd/web/css/mobile.css
+++ b/kvmd/web/css/mobile.css
@@ -21,7 +21,28 @@
 		background-color: var(--bg-color-ctl) !important;
 	}
 
-	div#keyboard div.key:hover, div.modifier:hover {
+	div.keyboard {
+		zoom: 1.28 !important;
+	}
+	div#keyboard-window {
+		visibility: visible !important;
+		padding-top: 9px !important;
+		padding-bottom: 30px !important;
+		border-bottom: 0 !important;
+		border-left: 0 !important;
+		border-right: 0 !important;
+		border-radius: 0 !important;
+		top: unset !important;
+		bottom: 0 !important;
+		width: 100% !important;
+		left: 50% !important;
+		-webkit-transform: translateX(-50%) !important;
+		transform: translateX(-50%) !important;
+	}
+	div#keyboard-window-header {
+		display: none !important
+	}
+	div.keyboard div.key:hover, div.modifier:hover {
 		color: var(--fg-color-normal);
 		background-color: var(--bg-color-gray);
 	}
@@ -32,20 +53,6 @@
 		display: block !important;
 	}
 
-	div#stream-mouse-buttons {
-		display: block !important;
-	}
-}
-
-@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
-	button, select {
-		height: 45px !important;
-	}
-
-	div.modal-buttons button {
-		height: 50px !important;
-	}
-
 	div#stream-window {
 		padding-top: 9px !important;
 		border-top: 0 !important;
@@ -58,27 +65,18 @@
 	div#stream-window-header {
 		display: none !important;
 	}
-
-	div#keyboard {
-		zoom: 1.1 !important;
+	div#stream-mouse-buttons {
+		display: block !important;
 	}
-	div#keyboard-window {
-		visibility: visible !important;
-		padding-top: 9px !important;
-		padding-bottom: 30px !important;
-		border-bottom: 0 !important;
-		border-left: 0 !important;
-		border-right: 0 !important;
-		border-radius: 0 !important;
-		top: unset !important;
-		bottom: 0 !important;
-		width: 100% !important;
-		left: 50% !important;
-		-webkit-transform: translateX(-50%) !important;
-		transform: translateX(-50%) !important;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
+	button, select {
+		height: 45px !important;
 	}
-	div#keyboard-window-header {
-		display: none !important
+
+	div.modal-buttons button {
+		height: 50px !important;
 	}
 
 	@supports (-webkit-appearance:none) {