Fix dialog scrolling and replace missing translation keys

- Increase bottom padding from 3em to 6em to prevent footer overlap
- Replace missing translation keys with plain English text:
  - HeaderDownloadOptions -> Download Options
  - HeaderVideoSettings -> Video Settings
  - LabelResolution -> Resolution
  - LabelQuality -> Quality
  - HeaderAudioSettings -> Audio Settings (was actually existing)
  - LabelAudioTrack -> Audio Track
  - HeaderSubtitleSettings -> Subtitle Settings
  - LabelSubtitles -> Subtitles
  - LabelSubtitleMethod -> Subtitle Method
  - HeaderContainer -> Container Format
  - LabelContainer -> Container
  - LabelEstimatedSize -> Estimated Size
  - LabelDuration -> Duration (exists in other langs but using plain text for consistency)
  - ButtonDownload -> Download

src/components/downloadOptionsDialog/downloadOptionsDialog.template.html

@@ -2,16 +2,16 @@
     <button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1">
         <span class="material-icons arrow_back"></span>
     </button>
-    <h3 class="formDialogHeaderTitle">${HeaderDownloadOptions}</h3>
+    <h3 class="formDialogHeaderTitle">Download Options</h3>
 </div>
 
 <form>
-<div class="formDialogContent smoothScrollY" style="padding: 1.5em 1.5em 3em 1.5em; max-height: 60vh; overflow-y: auto;">
+<div class="formDialogContent smoothScrollY" style="padding: 1.5em 1.5em 6em 1.5em; max-height: 60vh; overflow-y: auto;">
         <div class="verticalSection">
-            <h2 class="sectionTitle">${HeaderVideoSettings}</h2>
+            <h2 class="sectionTitle">Video Settings</h2>
 
             <div class="selectContainer">
-                <label class="selectLabel" for="selectResolution">${LabelResolution}</label>
+                <label class="selectLabel" for="selectResolution">Resolution</label>
                 <select is="emby-select" id="selectResolution" class="emby-select-withcolor emby-select">
                     <option value="original">Original (Source)</option>
                     <option value="3840">4K (3840x2160)</option>
@@ -23,7 +23,7 @@
             </div>
 
             <div class="selectContainer">
-                <label class="selectLabel" for="selectQuality">${LabelQuality}</label>
+                <label class="selectLabel" for="selectQuality">Quality</label>
                 <select is="emby-select" id="selectQuality" class="emby-select-withcolor emby-select"></select>
             </div>
 
@@ -40,10 +40,10 @@
         </div>
 
         <div class="verticalSection">
-            <h2 class="sectionTitle">${HeaderAudioSettings}</h2>
+            <h2 class="sectionTitle">Audio Settings</h2>
 
             <div class="selectContainer">
-                <label class="selectLabel" for="selectAudioTrack">${LabelAudioTrack}</label>
+                <label class="selectLabel" for="selectAudioTrack">Audio Track</label>
                 <select is="emby-select" id="selectAudioTrack" class="emby-select-withcolor emby-select"></select>
             </div>
 
@@ -78,17 +78,17 @@
         </div>
 
         <div class="verticalSection">
-            <h2 class="sectionTitle">${HeaderSubtitleSettings}</h2>
+            <h2 class="sectionTitle">Subtitle Settings</h2>
 
             <div class="selectContainer">
-                <label class="selectLabel" for="selectSubtitle">${LabelSubtitles}</label>
+                <label class="selectLabel" for="selectSubtitle">Subtitles</label>
                 <select is="emby-select" id="selectSubtitle" class="emby-select-withcolor emby-select">
                     <option value="none" selected>None</option>
                 </select>
             </div>
 
             <div class="selectContainer" id="subtitleMethodContainer" style="display: none;">
-                <label class="selectLabel" for="selectSubtitleMethod">${LabelSubtitleMethod}</label>
+                <label class="selectLabel" for="selectSubtitleMethod">Subtitle Method</label>
                 <select is="emby-select" id="selectSubtitleMethod" class="emby-select-withcolor emby-select">
                     <option value="Encode">Burn-in (Hardcoded)</option>
                     <option value="Embed" selected>Embed (Soft Subtitle)</option>
@@ -97,10 +97,10 @@
         </div>
 
         <div class="verticalSection">
-            <h2 class="sectionTitle">${HeaderContainer}</h2>
+            <h2 class="sectionTitle">Container Format</h2>
 
             <div class="selectContainer">
-                <label class="selectLabel" for="selectContainer">${LabelContainer}</label>
+                <label class="selectLabel" for="selectContainer">Container</label>
                 <select is="emby-select" id="selectContainer" class="emby-select-withcolor emby-select">
                     <option value="mp4" selected>MP4</option>
                     <option value="mkv">MKV</option>
@@ -112,10 +112,10 @@
         <div class="verticalSection">
             <div class="downloadInfo" style="padding: 1em; background: rgba(255,255,255,0.05); border-radius: 4px;">
                 <div id="estimatedSize" style="font-size: 1.1em; margin-bottom: 0.5em;">
-                    <strong>${LabelEstimatedSize}:</strong> <span id="sizeValue">Calculating...</span>
+                    <strong>Estimated Size:</strong> <span id="sizeValue">Calculating...</span>
                 </div>
                 <div id="downloadDuration" style="color: rgba(255,255,255,0.7);">
-                    <strong>${LabelDuration}:</strong> <span id="durationValue">-</span>
+                    <strong>Duration:</strong> <span id="durationValue">-</span>
                 </div>
             </div>
         </div>
@@ -126,7 +126,7 @@
         <span>${ButtonCancel}</span>
     </button>
     <button is="emby-button" type="submit" class="raised button-submit block">
-        <span>${ButtonDownload}</span>
+        <span>Download</span>
     </button>
 </div>
 </form>