From b855163ae935be5ea1734877cfaeeaaf25afdbfe Mon Sep 17 00:00:00 2001
From: mani <mani@manis-MacBook-Pro.local>
Date: Thu, 8 Jan 2026 00:38:47 +0100
Subject: [PATCH] Fix download dialog layout issues

- Remove excessive bottom padding from dialog content
- Add proper spacing (8em) to download info section
- Make dialog footer sticky with proper z-index
- Add border and background to footer for better visibility
- Fix button overlap with estimated file size and parameters
---
 .../downloadOptionsDialog.scss                     | 14 ++++++++++++++
 .../downloadOptionsDialog.template.html            |  2 +-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/components/downloadOptionsDialog/downloadOptionsDialog.scss b/src/components/downloadOptionsDialog/downloadOptionsDialog.scss
index 290e75c090..6d168e75c2 100644
--- a/src/components/downloadOptionsDialog/downloadOptionsDialog.scss
+++ b/src/components/downloadOptionsDialog/downloadOptionsDialog.scss
@@ -37,6 +37,7 @@
     border-left: 3px solid rgba(var(--primary-rgb), 0.5);
     padding: 1em;
     border-radius: 4px;
+    margin-bottom: 8em;
 }
 
 #estimatedSize,
@@ -49,3 +50,16 @@
     color: rgba(var(--primary-rgb), 1);
     font-weight: 500;
 }
+
+.formDialogFooter {
+    position: sticky;
+    bottom: 0;
+    background: var(--dialog-background, #202020);
+    padding: 1em 1.5em;
+    margin: 0 -1.5em;
+    border-top: 1px solid rgba(255, 255, 255, 0.1);
+    display: flex;
+    gap: 1em;
+    justify-content: flex-end;
+    z-index: 1000;
+}
diff --git a/src/components/downloadOptionsDialog/downloadOptionsDialog.template.html b/src/components/downloadOptionsDialog/downloadOptionsDialog.template.html
index 309f081f4f..adfc8f2457 100644
--- a/src/components/downloadOptionsDialog/downloadOptionsDialog.template.html
+++ b/src/components/downloadOptionsDialog/downloadOptionsDialog.template.html
@@ -6,7 +6,7 @@
 </div>
 
 <form>
-<div class="formDialogContent smoothScrollY" style="padding: 1.5em 1.5em 6em 1.5em; max-height: 60vh; overflow-y: auto;">
+<div class="formDialogContent smoothScrollY" style="padding: 1.5em 1.5em 1.5em 1.5em; max-height: 60vh; overflow-y: auto;">
         <div class="verticalSection">
             <h2 class="sectionTitle">Video Settings</h2>