From 17ddf18a67191888733b90c338d787e49641a978 Mon Sep 17 00:00:00 2001
From: Michael Shamoon <4887959+shamoon@users.noreply.github.com>
Date: Sun, 20 Feb 2022 00:37:42 -0800
Subject: [PATCH] fix display of ng2-pdf-viewer 8.0.0

---
 .../document-detail/document-detail.component.html           | 2 +-
 .../document-detail/document-detail.component.scss           | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src-ui/src/app/components/document-detail/document-detail.component.html b/src-ui/src/app/components/document-detail/document-detail.component.html
index b62d805c3..74990284c 100644
--- a/src-ui/src/app/components/document-detail/document-detail.component.html
+++ b/src-ui/src/app/components/document-detail/document-detail.component.html
@@ -149,7 +149,7 @@
     <div class="col-md-6 col-xl-8 mb-3 d-none d-md-block" #pdfPreview>
         <ng-container *ngIf="getContentType() == 'application/pdf'">
             <div class="preview-sticky pdf-viewer-container" *ngIf="!useNativePdfViewer ; else nativePdfViewer">
-                <pdf-viewer [src]="previewUrl" [original-size]="false" [show-borders]="true" [show-all]="true" [(page)]="previewCurrentPage" [render-text-mode]="2" (after-load-complete)="pdfPreviewLoaded($event)"></pdf-viewer>
+                <pdf-viewer [src]="previewUrl" [original-size]="false" [show-borders]="false" [show-all]="true" [(page)]="previewCurrentPage" [render-text-mode]="2" (after-load-complete)="pdfPreviewLoaded($event)"></pdf-viewer>
             </div>
             <ng-template #nativePdfViewer>
                 <object [data]="previewUrl | safe" class="preview-sticky" width="100%"></object>
diff --git a/src-ui/src/app/components/document-detail/document-detail.component.scss b/src-ui/src/app/components/document-detail/document-detail.component.scss
index 346c9f4b0..9de0f0624 100644
--- a/src-ui/src/app/components/document-detail/document-detail.component.scss
+++ b/src-ui/src/app/components/document-detail/document-detail.component.scss
@@ -6,4 +6,9 @@
 
 .pdf-viewer-container {
   background-color: gray;
+
+  pdf-viewer {
+    width: 100%;
+    height: 100%;
+  }
 }