From c39c2afd646388da4f75ac07fe68e78cf02be014 Mon Sep 17 00:00:00 2001
From: phroggster <phroggster@users.noreply.github.com>
Date: Mon, 8 Jul 2024 22:26:05 -0500
Subject: [PATCH] Fix: OBS Source Effects Padding

Corrects #2580, for all of the set-obs-* effects
---
 .../builtin/obs/effects/set-obs-browser-source-url.ts           | 2 +-
 .../builtin/obs/effects/set-obs-color-source-color.ts           | 2 +-
 .../builtin/obs/effects/set-obs-image-source-file.ts            | 2 +-
 .../builtin/obs/effects/set-obs-media-source-file.ts            | 2 +-
 .../integrations/builtin/obs/effects/set-obs-source-text.ts     | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/backend/integrations/builtin/obs/effects/set-obs-browser-source-url.ts b/src/backend/integrations/builtin/obs/effects/set-obs-browser-source-url.ts
index 8a4954feb..1e33ecce1 100644
--- a/src/backend/integrations/builtin/obs/effects/set-obs-browser-source-url.ts
+++ b/src/backend/integrations/builtin/obs/effects/set-obs-browser-source-url.ts
@@ -32,7 +32,7 @@ export const SetOBSBrowserSourceUrlEffectType: EffectType<{
             No sources found. {{ isObsConfigured ? "Is OBS running?" : "Have you configured the OBS integration?" }}
         </div>
     </eos-container>
-    <eos-container ng-if="browserSources != null && effect.browserSourceName != null" header="URL" style="margin-top: 10px;">
+    <eos-container ng-if="browserSources != null && effect.browserSourceName != null" header="URL" style="margin-top: 10px;" pad-top="true">
         <firebot-input model="effect.url"></firebot-input>
     </eos-container>
   `,
diff --git a/src/backend/integrations/builtin/obs/effects/set-obs-color-source-color.ts b/src/backend/integrations/builtin/obs/effects/set-obs-color-source-color.ts
index d2e51a224..a53e4da01 100644
--- a/src/backend/integrations/builtin/obs/effects/set-obs-color-source-color.ts
+++ b/src/backend/integrations/builtin/obs/effects/set-obs-color-source-color.ts
@@ -34,7 +34,7 @@ export const SetOBSColorSourceColorEffectType: EffectType<{
         </div>
     </eos-container>
 
-    <eos-container ng-if="colorSources != null && effect.colorSourceName != null" header="Color" style="margin-top: 10px;">
+    <eos-container ng-if="colorSources != null && effect.colorSourceName != null" header="Color" style="margin-top: 10px;" pad-top="true">
         <firebot-input model="effect.color" placeholder-text="Format: #0066FF or #FF336699"></firebot-input>
     </eos-container>
   `,
diff --git a/src/backend/integrations/builtin/obs/effects/set-obs-image-source-file.ts b/src/backend/integrations/builtin/obs/effects/set-obs-image-source-file.ts
index 3ba0f30ec..d043fb766 100644
--- a/src/backend/integrations/builtin/obs/effects/set-obs-image-source-file.ts
+++ b/src/backend/integrations/builtin/obs/effects/set-obs-image-source-file.ts
@@ -33,7 +33,7 @@ export const SetOBSImageSourceFileEffectType: EffectType<{
         </div>
     </eos-container>
 
-    <eos-container ng-if="imageSources != null && effect.imageSourceName != null" header="File" style="margin-top: 10px;">
+    <eos-container ng-if="imageSources != null && effect.imageSourceName != null" header="File" style="margin-top: 10px;" pad-top="true">
         <file-chooser model="effect.file" options="{ filters: [ {name: 'OBS-Supported Image Files', extensions: ['png', 'jpg', 'jpeg', 'gif', 'bmp', 'tga', 'jxr', 'psd', 'webp']}, {name: 'All Files', extensions: ['*']} ]}"></file-chooser>
     </eos-container>
   `,
diff --git a/src/backend/integrations/builtin/obs/effects/set-obs-media-source-file.ts b/src/backend/integrations/builtin/obs/effects/set-obs-media-source-file.ts
index 17646f46d..6dc4acfda 100644
--- a/src/backend/integrations/builtin/obs/effects/set-obs-media-source-file.ts
+++ b/src/backend/integrations/builtin/obs/effects/set-obs-media-source-file.ts
@@ -31,7 +31,7 @@ export const SetOBSMediaSourceFileEffectType: EffectType<{
         </div>
     </eos-container>
 
-    <eos-container ng-if="mediaSources != null && effect.mediaSourceName != null" header="File" style="margin-top: 10px;">
+    <eos-container ng-if="mediaSources != null && effect.mediaSourceName != null" header="File" style="margin-top: 10px;" pad-top="true">
         <file-chooser model="effect.file" options="{ filters: [ {name: 'OBS-Supported Video Files', extensions: ['mp4', 'm4v', 'ts', 'mov', 'mxf', 'flv', 'mkv', 'avi', 'gif', 'webm']}, {name: 'OBS-Supported Audio Files', extensions: ['mp3', 'aac', 'ogg', 'wav']}, {name: 'All Files', extensions: ['*']} ]}"></file-chooser>
     </eos-container>
   `,
diff --git a/src/backend/integrations/builtin/obs/effects/set-obs-source-text.ts b/src/backend/integrations/builtin/obs/effects/set-obs-source-text.ts
index 2704081d8..a35babf69 100644
--- a/src/backend/integrations/builtin/obs/effects/set-obs-source-text.ts
+++ b/src/backend/integrations/builtin/obs/effects/set-obs-source-text.ts
@@ -32,7 +32,7 @@ export const SetOBSSourceTextEffectType: EffectType<{
             No sources found. {{ isObsConfigured ? "Is OBS running?" : "Have you configured the OBS integration?" }}
         </div>
     </eos-container>
-    <eos-container ng-if="textSources != null && effect.textSourceName != null" header="Text" style="margin-top: 10px;">
+    <eos-container ng-if="textSources != null && effect.textSourceName != null" header="Text" style="margin-top: 10px;" pad-top="true">
         <label class="control-fb control--checkbox">Use file as text source
             <input type="checkbox" ng-click="toggleSource()" ng-checked="effect.textSource === 'file'"  aria-label="..." >
             <div class="control__indicator"></div>