From 31a757e30101e0bbc962c306ed0efa883f09b8cf Mon Sep 17 00:00:00 2001
From: Artur Adib <arturadib@gmail.com>
Date: Wed, 25 Apr 2012 11:32:37 -0400
Subject: [PATCH 1/3] "Page: 1 of 14"

---
 web/viewer.css  | 4 ++++
 web/viewer.html | 3 ++-
 web/viewer.js   | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/web/viewer.css b/web/viewer.css
index 512dec87c..351c76a64 100644
--- a/web/viewer.css
+++ b/web/viewer.css
@@ -368,6 +368,10 @@ body {
   -moz-transition-timing-function: ease;
 }
 
+.toolbarField.pageNumber {
+  width: 50px;
+}
+
 .toolbarField:hover {
   background-color: hsla(0,0%,100%,.11);
   border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.43) hsla(0,0%,0%,.45);
diff --git a/web/viewer.html b/web/viewer.html
index 4fd0bded4..fa57faa74 100644
--- a/web/viewer.html
+++ b/web/viewer.html
@@ -56,7 +56,8 @@
               <div class="splitToolbarButtonSeparator"></div>
               <div class="toolbarButton pageDown" title="Next Page" onclick="PDFView.page++"></div>
             </div>
-            <input type="number" id="pageNumber" class="toolbarField" onchange="PDFView.page = this.value;" value="1" size="4" min="1">
+            <div class="toolbarLabel">Page: </div>
+            <input type="number" id="pageNumber" class="toolbarField pageNumber" onchange="PDFView.page = this.value;" value="1" size="4" min="1">
             </input>
             <div id="numPages" class="toolbarLabel"></div>
             <div class="toolbarButtonFlexibleSpacer"></div>
diff --git a/web/viewer.js b/web/viewer.js
index 838b3dfb9..89f9cafb7 100644
--- a/web/viewer.js
+++ b/web/viewer.js
@@ -492,7 +492,7 @@ var PDFView = {
     var pagesCount = pdfDocument.numPages;
     var id = pdfDocument.fingerprint;
     var storedHash = null;
-    document.getElementById('numPages').textContent = '/ ' + pagesCount;
+    document.getElementById('numPages').textContent = ' of ' + pagesCount;
     document.getElementById('pageNumber').max = pagesCount;
     PDFView.documentFingerprint = id;
     var store = PDFView.store = new Settings(id);

From ffe3dbfc8fcc3afcea4e2286f754c7aecdb0870d Mon Sep 17 00:00:00 2001
From: Artur Adib <arturadib@gmail.com>
Date: Wed, 25 Apr 2012 14:10:53 -0400
Subject: [PATCH 2/3] minor fixes

---
 web/viewer.css  | 6 ++++++
 web/viewer.html | 4 ++--
 web/viewer.js   | 2 +-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/web/viewer.css b/web/viewer.css
index 351c76a64..27ffd2d79 100644
--- a/web/viewer.css
+++ b/web/viewer.css
@@ -372,6 +372,12 @@ body {
   width: 50px;
 }
 
+.toolbarField.pageNumber::-webkit-inner-spin-button,
+.toolbarField.pageNumber::-webkit-outer-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+}
+
 .toolbarField:hover {
   background-color: hsla(0,0%,100%,.11);
   border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.43) hsla(0,0%,0%,.45);
diff --git a/web/viewer.html b/web/viewer.html
index fa57faa74..8171767f3 100644
--- a/web/viewer.html
+++ b/web/viewer.html
@@ -58,8 +58,8 @@
             </div>
             <div class="toolbarLabel">Page: </div>
             <input type="number" id="pageNumber" class="toolbarField pageNumber" onchange="PDFView.page = this.value;" value="1" size="4" min="1">
-            </input>
-            <div id="numPages" class="toolbarLabel"></div>
+            </input> 
+            <div id="numPages" class="toolbarLabel" style="margin-left:5px;"></div>
             <div class="toolbarButtonFlexibleSpacer"></div>
             <div class="splitToolbarButton">
               <div class="toolbarButton zoomOut" title="Zoom Out" onclick="PDFView.zoomOut();"></div>
diff --git a/web/viewer.js b/web/viewer.js
index 89f9cafb7..99287a395 100644
--- a/web/viewer.js
+++ b/web/viewer.js
@@ -492,7 +492,7 @@ var PDFView = {
     var pagesCount = pdfDocument.numPages;
     var id = pdfDocument.fingerprint;
     var storedHash = null;
-    document.getElementById('numPages').textContent = ' of ' + pagesCount;
+    document.getElementById('numPages').textContent = 'of ' + pagesCount;
     document.getElementById('pageNumber').max = pagesCount;
     PDFView.documentFingerprint = id;
     var store = PDFView.store = new Settings(id);

From a423827e0fcc53d8f18821a40ab5ac817a2a022b Mon Sep 17 00:00:00 2001
From: Artur Adib <arturadib@gmail.com>
Date: Wed, 25 Apr 2012 14:21:10 -0400
Subject: [PATCH 3/3] nit

---
 web/viewer.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/viewer.css b/web/viewer.css
index 27ffd2d79..74c1f4530 100644
--- a/web/viewer.css
+++ b/web/viewer.css
@@ -369,7 +369,7 @@ body {
 }
 
 .toolbarField.pageNumber {
-  width: 50px;
+  width: 40px;
 }
 
 .toolbarField.pageNumber::-webkit-inner-spin-button,