"Page: 1 of 14"

diff --git a/web/viewer.css b/web/viewer.css
index 512dec87c50a71fa17c37ea1cc1c1847cff5f6c0..351c76a6433aef2763df15a1167a30ae6538563e 100644 (file)
--- 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 4fd0bded485388a95182196634f4f6521c725a80..fa57faa74e994af574ad787a9ccaf03cca584ea7 100644 (file)
--- 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 838b3dfb9cec35f353d5bd6ea85ab2600f6fa017..89f9cafb7eefcea7a6ab6b7fd45232b5f3d91afa 100644 (file)
--- 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);