anchor.diff:  
             self.PDFViewerApplication.open(self.options.href).then(function() {
               self.pdfViewer = this.PDFViewerApplication.pdfViewer;
  -            // reset the zoom to "auto"
  -            // self.PDFViewerApplication.zoomReset();
   
               self.pdfViewer = this.PDFViewerApplication.pdfViewer;
               var setupInterval = setInterval(function() {
  
positive.code:           }.bind(this));
          }
  
          var currentScale = this._control._reader.options.scale;
          this._inputs.querySelector('input[value="' + currentScale + '"]').checked = true;
          this._current.scale = currentScale;
        },
  
        updateForm: function(form, options, saveable) {
          var input = this._inputs.querySelector("input:checked");
          options.scale = saveable.scale = input.value;
        },
        template: function() {
          var html = '<fieldset class="cozy-fieldset-pdf-scale">' + 
            '<legend>Zoom In/Out</legend>' + 
            '<style>.cozy-fieldset-pdf-scale label { margin: 0.5 0 !important; }</style>' + 
            '<ul id="x${this._id}-list">' + 
              '<li><label><input type="radio" name="scaleSelect" value="auto" /> Automatic Zoom</label></li>' + 
              '<li><label><input type="radio" name="scaleSelect" value="page-actual" /> Actual Size</label></li>' + 
              '<li><label><input type="radio" name="scaleSelect" value="page-fit" /> Page Fit</label></li>' + 
  
negative.code:     <%= render "cozy_controls_bottom", presenter: @presenter, monograph_presenter: @monograph_presenter %>
  
      // start reader
      reader.start();
  
      // distinguish these buttons from the links underneath, too much CSS to add otherwise, methinks
      var element = document.getElementById("viewThumbnail");
      element.classList.add("cozy-control", "button--lg");
      var element = document.getElementById("viewOutline");
      element.classList.add("cozy-control", "button--lg");
    </script>
  
  
  