feat: update CSS styles for setting inputs and media flow section layout

Viren070 · Jan 18, 2025 · 71bfa48 · 71bfa48
1 parent 4b7daab
commit 71bfa48
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git 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
@@ -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}