From b3d0ebc8e608bced77293f3d02897c25541f666c 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.

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

diff --git a/src/main/webapp/client.xhtml b/src/main/webapp/client.xhtml
index 7c38668..46782af 100644
--- 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
--- 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;
-- 
1.7.10.4