fix: white space bug

Author: davidmrc6

src/filelist.scss

@@ -19,9 +19,20 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  */
 
-// Hide the entire files-list when there are no real files (only .SECUREMAIL.html)
-.sendent-hide-filelist {
-    display: none !important;
+// When securemail content is present, disable files-list internal scrolling
+// so only the page scrolls. This prevents nested scroll contexts.
+.sendent-has-securemail {
+    overflow: visible !important;
+}
+
+// When there are no real files, collapse the files-list entirely
+// (hides table headers, empty state, and whitespace).
+.sendent-no-files {
+    .files-list__table,
+    .files-list__empty,
+    .empty-content {
+        display: none !important;
+    }
 }
 
 #sendent-content {
@@ -31,7 +42,6 @@
     max-width: 100%;
     width: 100%;
     box-sizing: border-box;
-    flex-shrink: 0;
 
     .sendent-content__header {
         margin: 16px 0 8px;

src/filelist.ts

@@ -72,19 +72,25 @@ class FooterFile {
 		const container = document.createElement('div')
 		container.id = CONTENT_ID
 
-		const filesList = document.querySelector('.files-list')
-			|| document.querySelector('.files-filestable')?.parentElement
-			|| document.querySelector('#filestable')?.parentElement
+		const anchor = document.querySelector('.files-list__table')
+			|| document.querySelector('.files-filestable')
+			|| document.querySelector('#filestable')
 
-		if (!filesList) return
+		if (!anchor) return
 
-		// When there are no real files, hide the entire files-list (table headers, empty state, whitespace)
-		if (!hasRealFiles) {
-			filesList.classList.add('sendent-hide-filelist')
+		const filesList = anchor.closest('.files-list') ?? anchor.parentElement
+
+		if (!hasRealFiles && filesList) {
+			// No real files — hide empty state and table headers
+			filesList.classList.add('sendent-no-files')
 		}
 
-		// Insert after .files-list so we're outside its scroll context
-		filesList.insertAdjacentElement('afterend', container)
+		// Insert inside files-list, after the table. Mark files-list so we can
+		// disable its internal scrolling and let only the page scroll.
+		if (filesList) {
+			filesList.classList.add('sendent-has-securemail')
+		}
+		anchor.insertAdjacentElement('afterend', container)
 
 		// Show loading spinner
 		const spinner = document.createElement('span')
@@ -167,7 +173,8 @@ class FooterFile {
  * Restores the files-list to its default state.
  */
 function restoreFilesList() {
-	document.querySelector('.sendent-hide-filelist')?.classList.remove('sendent-hide-filelist')
+	document.querySelector('.sendent-no-files')?.classList.remove('sendent-no-files')
+	document.querySelector('.sendent-has-securemail')?.classList.remove('sendent-has-securemail')
 }
 
 let debounceTimer: ReturnType<typeof setTimeout> | null = null