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

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;
+}

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>