From d45d62235438ea0f15a78deec589955b0d190643 Mon Sep 17 00:00:00 2001
From: Rob Wu <gwnRob@gmail.com>
Date: Wed, 11 Sep 2013 18:56:10 +0200
Subject: [PATCH] Fix layout of main toolbar

Before this commit there were two main issues:

- In small windows, the zoom controls visually floated above the page number
  (e.g. 733px).
- In small windows, the (transparent) zoom container covered the go-to-page
  input box, which prevented one from using the input field to quickly navigate
  to a different page.
---
 web/viewer.css | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/web/viewer.css b/web/viewer.css
index 9ad8b34da..e437edcc9 100644
--- a/web/viewer.css
+++ b/web/viewer.css
@@ -104,24 +104,28 @@ select {
 }
 
 /* outer/inner center provides horizontal center */
+.outerCenter {
+  pointer-events: none;
+  position: relative;
+}
 html[dir='ltr'] .outerCenter {
   float: right;
-  position: relative;
   right: 50%;
 }
 html[dir='rtl'] .outerCenter {
   float: left;
-  position: relative;
   left: 50%;
 }
+.innerCenter {
+  pointer-events: auto;
+  position: relative;
+}
 html[dir='ltr'] .innerCenter {
   float: right;
-  position: relative;
   right: -50%;
 }
 html[dir='rtl'] .innerCenter {
   float: left;
-  position: relative;
   left: -50%;
 }
 
@@ -1430,12 +1434,12 @@ canvas {
   html[dir='ltr'] #outerContainer.sidebarMoving .outerCenter,
   html[dir='ltr'] #outerContainer.sidebarOpen .outerCenter {
     float: left;
-    left: 185px;
+    left: 205px;
   }
   html[dir='rtl'] #outerContainer.sidebarMoving .outerCenter,
   html[dir='rtl'] #outerContainer.sidebarOpen .outerCenter {
     float: right;
-    right: 185px;
+    right: 205px;
   }
 }
 
@@ -1479,11 +1483,11 @@ canvas {
 
   html[dir='ltr'] .outerCenter {
     float: left;
-    left: 185px;
+    left: 205px;
   }
   html[dir='rtl'] .outerCenter {
     float: right;
-    right: 185px;
+    right: 205px;
   }
 
   #outerContainer .hiddenLargeView,