From a02abf5853b28a36a9ca06b67f84627b96b2ff89 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 3 Apr 2026 09:21:44 +0000
Subject: [PATCH] Keep override controls on dedicated row

Agent-Logs-Url: https://github.com/alexta69/metube/sessions/aef158da-f919-4a3d-a5ee-b71df51c124d

Co-authored-by: alexta69 <7450369+alexta69@users.noreply.github.com>
---
 ui/src/app/app.html    | 4 ++++
 ui/src/app/app.spec.ts | 7 +++++++
 2 files changed, 11 insertions(+)

diff --git a/ui/src/app/app.html b/ui/src/app/app.html
index 453d4d9..966c7c2 100644
--- a/ui/src/app/app.html
+++ b/ui/src/app/app.html
@@ -447,6 +447,8 @@
                       ngbTooltip="How often to poll subscriptions for new videos">
                   </div>
                 </div>
+              </div>
+              <div class="row g-3 mb-2">
                 <div class="col-12" [class.col-md-6]="allowYtdlOptionsOverrides()">
                   <div class="input-group">
                     <span class="input-group-text">Option Preset</span>
@@ -478,6 +480,8 @@
                   </div>
                 </div>
                 }
+              </div>
+              <div class="row g-3 mb-2">
                 <div class="col-12">
                   <div class="row g-2 align-items-center">
                     <div class="col-auto">
diff --git a/ui/src/app/app.spec.ts b/ui/src/app/app.spec.ts
index 1f9855d..c9700e6 100644
--- a/ui/src/app/app.spec.ts
+++ b/ui/src/app/app.spec.ts
@@ -142,6 +142,9 @@ describe('App', () => {
 
     const presetWrapper = root.querySelector('select[name="ytdlOptionsPreset"]')?.closest('.col-12');
     expect(presetWrapper?.classList.contains('col-md-6')).toBe(false);
+
+    const presetRow = root.querySelector('select[name="ytdlOptionsPreset"]')?.closest('.row');
+    expect(presetRow?.querySelector('input[name="checkIntervalMinutes"]')).toBeNull();
   });
 
   it('shows manual override input when enabled', () => {
@@ -156,6 +159,10 @@ describe('App', () => {
 
     const presetWrapper = root.querySelector('select[name="ytdlOptionsPreset"]')?.closest('.col-12');
     expect(presetWrapper?.classList.contains('col-md-6')).toBe(true);
+
+    const presetRow = root.querySelector('select[name="ytdlOptionsPreset"]')?.closest('.row');
+    expect(presetRow?.querySelector('input[name="checkIntervalMinutes"]')).toBeNull();
+    expect(presetRow?.querySelector('input[name="ytdlOptionsOverrides"]')).not.toBeNull();
   });
 
   it('does not submit manual overrides when disabled', () => {