From 052242df5dbc82a97aff362fdf687a4565349820 Mon Sep 17 00:00:00 2001
From: Tobias <tobfa@cendio.se>
Date: Wed, 18 Feb 2026 12:43:59 +0100
Subject: [PATCH] Remove redundant mobile buttons grouping

There's only one button in the group, and the wrapping div messed with
the flex box layout
---
 app/styles/base.css | 11 +++++------
 vnc.html            |  6 ++----
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/app/styles/base.css b/app/styles/base.css
index 9fd9fb3b..5e71ae73 100644
--- a/app/styles/base.css
+++ b/app/styles/base.css
@@ -718,16 +718,15 @@ html {
 }
 
 /* noVNC Touch Device only buttons */
-:root:not(.noVNC_connected) #noVNC_mobile_buttons {
+:root:not(.noVNC_connected) #noVNC_keyboard_button {
     display: none;
 }
 @media not all and (any-pointer: coarse) {
-    /* FIXME: The button for the virtual keyboard is the only button in this
-              group of "mobile buttons". It is bad to assume that no touch
-              devices have physical keyboards available. Hopefully we can get
-              a media query for this:
+    /* FIXME: It is bad to assume that no touch devices have physical
+              keyboards available. Hopefully we can get a media query
+              for this:
               https://github.com/w3c/csswg-drafts/issues/3871 */
-    :root.noVNC_connected #noVNC_mobile_buttons {
+    :root.noVNC_connected #noVNC_keyboard_button {
         display: none;
     }
 }
diff --git a/vnc.html b/vnc.html
index 8f654272..ad7f67a4 100644
--- a/vnc.html
+++ b/vnc.html
@@ -127,10 +127,8 @@
                 title="Move/Drag viewport">
 
             <!--noVNC touch device only buttons-->
-            <div id="noVNC_mobile_buttons">
-                <input type="image" alt="Keyboard" src="app/images/keyboard.svg"
-                    id="noVNC_keyboard_button" class="noVNC_button" title="Show keyboard">
-            </div>
+            <input type="image" alt="Keyboard" src="app/images/keyboard.svg"
+                   id="noVNC_keyboard_button" class="noVNC_button" title="Show keyboard">
 
             <!-- Extra manual keys -->
             <input type="image" alt="Extra keys" src="app/images/toggleextrakeys.svg"