From cc7d1df3fff9ab93f7f64e4805d3d28564d63081 Mon Sep 17 00:00:00 2001
From: Michael Jumper <zhangmaike@users.sourceforge.net>
Date: Sun, 8 Apr 2012 17:30:00 -0700
Subject: [PATCH] Fix sizing of page due to touch menu.

---
 guacamole/src/main/webapp/client.xhtml      | 6 +++---
 guacamole/src/main/webapp/styles/client.css | 1 +
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/guacamole/src/main/webapp/client.xhtml b/guacamole/src/main/webapp/client.xhtml
index 7c38668ac..46782aff8 100644
--- a/guacamole/src/main/webapp/client.xhtml
+++ b/guacamole/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/guacamole/src/main/webapp/styles/client.css b/guacamole/src/main/webapp/styles/client.css
index f595297c0..66b3f31f0 100644
--- a/guacamole/src/main/webapp/styles/client.css
+++ b/guacamole/src/main/webapp/styles/client.css
@@ -263,6 +263,7 @@ div#touchMenu {
 
     position: absolute;
     visibility: hidden;
+    z-index: 4;
     
     white-space: pre;
     background: black;