Fix sizing of page due to touch menu.

diff --git a/src/main/webapp/client.xhtml b/src/main/webapp/client.xhtml
index 7c38668..46782af 100644 (file)
--- a/src/main/webapp/client.xhtml
+++ b/src/main/webapp/client.xhtml
@@ -54,6 +54,9 @@
 
         </div>
 
+        <!-- Touch-specific menu -->
+        <div id="touchMenu"><img id="touchShowClipboard" src="images/menu-icons/tango/edit-paste.png"/><img id="touchShowKeyboard" src="images/menu-icons/tango/input-keyboard.png"/><img id="touchLogout" src="images/menu-icons/tango/system-log-out.png"/></div>
+
         <!-- Keyboard event target for platforms with native OSKs -->
         <textarea id="eventTarget"></textarea>
 
@@ -84,9 +87,6 @@
             </div>
         </div>
 
-        <!-- Touch-specific menu -->
-        <div id="touchMenu"><img id="touchShowClipboard" src="images/menu-icons/tango/edit-paste.png"/><img id="touchShowKeyboard" src="images/menu-icons/tango/input-keyboard.png"/><img id="touchLogout" src="images/menu-icons/tango/system-log-out.png"/></div>
-
         <!-- guacamole-common-js scripts -->
         <script type="text/javascript" src="guacamole-common-js/keyboard.js"></script>
         <script type="text/javascript" src="guacamole-common-js/mouse.js"></script>

diff --git a/src/main/webapp/styles/client.css b/src/main/webapp/styles/client.css
index f595297..66b3f31 100644 (file)
--- a/src/main/webapp/styles/client.css
+++ b/src/main/webapp/styles/client.css
@@ -263,6 +263,7 @@ div#touchMenu {
 
     position: absolute;
     visibility: hidden;
+    z-index: 4;
     
     white-space: pre;
     background: black;