Display tweaks

src-ui/src/app/components/document-detail/document-detail.component.html

@@ -252,6 +252,7 @@
                 [src]="previewUrl"
                 [useBrowserLocale]="true"
                 [showToolbar]="false"
+                [showBorders]="false"
                 [zoom]="previewZoomSetting"
                 (pagesLoaded)="onPagesLoaded($event)"
                 (pdfLoadingStarts)="onPdfLoadingStarts()"

src-ui/src/app/components/document-detail/document-detail.component.scss

@@ -5,21 +5,21 @@
 }
 
 .pdf-viewer-container {
+  padding: 8px 8px 0;
   background-color: gray;
 
-  pdf-viewer {
-    width: 100%;
-    height: 100%;
+  ::ng-deep #printServiceDialog {
+    max-width: 400px;
   }
-}
 
-::ng-deep .ng2-pdf-viewer-container .page {
-  --page-margin: 1px 0 10px;
-  width: 100% !important;
-}
+  ::ng-deep #mainContainer.toolbar-hidden {
+    margin-top: 0 !important;
+  }
 
-::ng-deep .ng2-pdf-viewer-container .page:last-child {
-  --page-margin: 1px 0 20px;
+  ::ng-deep #viewerContainer {
+    top: 0 !important;
+    background-color: gray !important;
+  }
 }
 
 ::ng-deep .ng-select-taggable {