viewer: fix scrolling

content.js

@@ -86,7 +86,7 @@ async function getApplicants() {
       return {
         aid,
         token,
-        applicants: jsonData
+        applicants: jsonData.slice(0, 15)
       }
       // return { aid, token, applicants: jsonData }
     })
@@ -239,9 +239,14 @@ function createApplicantsIndexHtml() {
       box-sizing: border-box;
     }
 
+    html,
+    body {
+      height: 100%;
+      overflow: hidden;
+    }
+
     body {
       margin: 0;
-      min-height: 100vh;
     }
 
     button,
@@ -251,12 +256,14 @@ function createApplicantsIndexHtml() {
 
     .layout {
       display: flex;
-      min-height: 100vh;
+      height: 100vh;
+      overflow: hidden;
     }
 
     .sidebar {
       width: min(32rem, 42vw);
       min-width: 22rem;
+      min-height: 0;
       padding: 1rem;
       overflow-y: auto;
       border-right: 1px solid #cbd5e1;
@@ -268,6 +275,8 @@ function createApplicantsIndexHtml() {
       display: flex;
       flex-direction: column;
       min-width: 0;
+      min-height: 0;
+      overflow: hidden;
     }
 
     .content-header {
@@ -307,7 +316,9 @@ function createApplicantsIndexHtml() {
 
     .viewer {
       flex: 1;
+      display: block;
       width: 100%;
+      min-height: 0;
       border: 0;
       background: #e2e8f0;
     }
@@ -781,7 +792,7 @@ function createProgressDialog() {
   dialog.classList.add("ripper-progress-dialog")
   title.textContent = "EPAS Ripper"
   status.classList.add("ripper-progress-status")
-  status.textContent = "Retrieving applicants list (will take several minutes)..."
+  status.textContent = "Retrieving applicants list (will take some time)..."
   list.classList.add("ripper-progress-list")
   summary.classList.add("ripper-progress-summary")
   elapsed.classList.add("ripper-progress-elapsed")
@@ -890,7 +901,7 @@ function rip(event) {
   btn.disabled = true;
   getApplicants()
     .then(async ({ aid, applicants, token }) => {
-      progressDialog.setStatus("Downloading applicant files (will take a lot of time)...")
+      progressDialog.setStatus("Downloading applicant files (will take several minutes)...")
       applicants.forEach((applicant) => {
         progressDialog.initializeApplicant(applicant)
       })