more pdfjs

frontend/src/styles/documents/viewer.css

@@ -10,7 +10,6 @@
   flex: 1;
   min-height: 0;
   display: flex;
-  padding: 0;
   overflow: auto;
 }
 
@@ -36,7 +35,7 @@
   align-items: stretch;
   gap: 1rem;
   min-height: 0;
-  padding: 0.25rem 1rem 1rem;
+  padding: 0 1rem 0.5rem;
 }
 
 .document-viewer--stacked {
@@ -382,7 +381,7 @@
   max-height: 100%;
   grid-area: viewport;
   background: var(--surface-subtle);
-  padding: 0.75rem;
+  --pdf-viewer-stack-padding: 0.75rem;
 }
 
 .document-viewer__object {
@@ -435,13 +434,23 @@
   flex: 1;
   display: flex;
   flex-direction: column;
-  gap: 0.75rem;
+  gap: var(--pdf-viewer-stack-padding, 0);
   align-items: center;
+  --pdf-viewer-viewport-width: 100vw;
+  --pdf-viewer-viewport-height: 100vh;
+  padding: var(--pdf-viewer-stack-padding, 0);
+  width: 100%;
+  box-sizing: border-box;
 }
 
 .pdf-viewer__page-wrapper {
   position: relative;
-  width: min(100%, 48rem);
+}
+
+.pdf-viewer__canvas-stack--contain .pdf-viewer__page {
+  width: auto;
+  max-width: min(100%, var(--pdf-viewer-viewport-width, 100vw));
+  max-height: var(--pdf-viewer-viewport-height, 100vh);
 }
 
 .pdf-viewer__page {
@@ -512,3 +521,8 @@
 .document-viewer__summary-tab-content {
   padding-top: 0.5rem;
 }
+.pdf-viewer__page-wrapper--contain .pdf-viewer__page {
+  width: auto;
+  max-width: 100vw;
+  max-height: 100vh;
+}