Zoom In/Out buttons

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;

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();">