From 9898f5db719ab2e3558dc2549afe230ba261de71 Mon Sep 17 00:00:00 2001
From: moist-webDev <hope3123@gmail.com>
Date: Fri, 26 May 2023 00:49:37 -0400
Subject: [PATCH] ui style

---
 routes/Settings.tsx | 32 +++++++++++++++++++++-----------
 1 file changed, 21 insertions(+), 11 deletions(-)

diff --git a/routes/Settings.tsx b/routes/Settings.tsx
index 2167aa9..7af8007 100644
--- a/routes/Settings.tsx
+++ b/routes/Settings.tsx
@@ -18,16 +18,18 @@ export default function Settings({theme, changeTheme, themeMode}:any){
 
     return (
         <View style={style(theme).container}>
-            <Text style={style(theme).text}>Theme:</Text>
-            <DropDownPicker
-                open={open}
-                value={value}
-                items={items}
-                setOpen={setOpen}
-                setValue={setValue}
-                setItems={setItems}
-                style={style(theme).dropdown}
-            />
+            <View style={style(theme).row}>
+                <Text style={style(theme).text}>Choose Theme: </Text>
+                <DropDownPicker
+                    open={open}
+                    value={value}
+                    items={items}
+                    setOpen={setOpen}
+                    setValue={setValue}
+                    setItems={setItems}
+                    style={style(theme).dropdown}
+                />
+            </View>
         </View>
     )
 }
@@ -39,10 +41,18 @@ const style = (theme:any) => {
         },
         text: {
             color: theme.text,
+            width: '40%',
+            marginLeft: '20%',
+            padding: 10,
         },
         dropdown: {
             backgroundColor: theme.primary,
             color: theme.text,
-        }
+            width: '35%',
+        },
+        row: {
+            flexDirection: 'row',
+            width: '100%',
+        },
     });
 }
\ No newline at end of file