From 71bfa48a5fb62771495b4b0b9653de58c4a1898c Mon Sep 17 00:00:00 2001
From: Viren070 <viren070@protonmail.com>
Date: Sat, 18 Jan 2025 00:33:20 +0000
Subject: [PATCH] feat: update CSS styles for setting inputs and media flow
 section layout

---
 packages/frontend/src/app/configure/page.module.css | 8 +++++---
 packages/frontend/src/app/configure/page.tsx        | 8 +++-----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/frontend/src/app/configure/page.module.css b/packages/frontend/src/app/configure/page.module.css
index 119ec07c..94198f77 100644
--- a/packages/frontend/src/app/configure/page.module.css
+++ b/packages/frontend/src/app/configure/page.module.css
@@ -53,14 +53,16 @@
 
 .settingDescription {
   flex: 1;
-  padding-right: 20px;
 }
 
 .settingInput {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
-  width: 40%;
+}
+.settingInput select {
+  width: 100px;
+  height: 30px;
 }
 
 .slidersContainer {
@@ -155,7 +157,7 @@
 
 .mediaFlowSection {
   padding: 10px;
-  margin: 5px;
+  margin-top: 10px;
   border-width: 1px;
   border-style: solid;
   border-radius: var(--borderRadius);
diff --git a/packages/frontend/src/app/configure/page.tsx b/packages/frontend/src/app/configure/page.tsx
index 9cc4e116..2c548f0a 100644
--- a/packages/frontend/src/app/configure/page.tsx
+++ b/packages/frontend/src/app/configure/page.tsx
@@ -957,8 +957,6 @@ export default function Configure() {
                   )
                 }
                 style={{
-                  marginLeft: 'auto',
-                  marginRight: '20px',
                   width: '100px',
                   height: '30px',
                 }}
@@ -1001,7 +999,7 @@ export default function Configure() {
                 This is useful for Vidi users.
               </p>
             </div>
-            <div className={styles.settingInput}>
+            <div className={styles.checkboxSettingInput}>
               <input
                 type="checkbox"
                 checked={addonNameInDescription}
@@ -1020,7 +1018,7 @@ export default function Configure() {
 
         <div className={styles.section}>
           <div className={styles.setting}>
-            <div className={styles.settingDescription}>
+            <div className={styles.ettingDescription}>
               <h2 style={{ padding: '5px' }}>Clean Results</h2>
               <p style={{ padding: '5px' }}>
                 Attempt to remove duplicate results. For a given file with
@@ -1030,7 +1028,7 @@ export default function Configure() {
                 stream is selected at random.
               </p>
             </div>
-            <div className={styles.settingInput}>
+            <div className={styles.checkboxSettingInput}>
               <input
                 type="checkbox"
                 checked={cleanResults}