Remove redundant mobile buttons grouping

There's only one button in the group, and the wrapping div messed with
the flex box layout

Author: Tobias

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;
     }
 }

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"