Zoom In/Out buttons

diff --git a/web/viewer.css b/web/viewer.css
index 1aa735355ed5f110dee2471c8673988ee9593984..a31c0b06f04842b70b995561ed84555681388482 100755 (executable)
--- a/web/viewer.css
+++ b/web/viewer.css
@@ -21,6 +21,8 @@ body {
   height: 40px;
   width: 100%;
   z-index: 1;
+  white-space:nowrap;
+  overflow: hidden;
 }
 
 .separator {
@@ -63,6 +65,12 @@ span#info {
   }
 }
 
+#zoomOut, #zoomIn {
+  font-weight: bold;
+  font-size: larger;
+  width: 32px;
+}
+
 /* === Sidebar === */
 #sidebar {
   position: fixed;

diff --git a/web/viewer.html b/web/viewer.html
index 090ea6bf43e4aecd3c39c099e566821ca77cfa6c..b29ef94c085cbaaf6e49fb6ce18a30e96bc3607c 100644 (file)
--- a/web/viewer.html
+++ b/web/viewer.html
@@ -45,6 +45,9 @@
         <option id="pageFitOption" value="page-fit">Page Fit</option>
       </select>
 
+      <button id="zoomOut" onclick="PDFView.zoomOut();" title="Zoom Out">&ndash;</button>
+      <button id="zoomIn" onclick="PDFView.zoomIn();" title="Zoom In">+</button>
+
       <div class="separator"></div>
 
       <button id="print" onclick="window.print();">