From e233fe783e3acc5a6ca07ea517940b1b9bbfc7ff Mon Sep 17 00:00:00 2001
From: Ammar Ahmed <ammarahmed6506@gmail.com>
Date: Mon, 3 Mar 2025 12:11:47 +0500
Subject: [PATCH] mobile: fix ui

---
 .../list-items/headers/section-header.tsx     |  2 +-
 .../app/components/list-items/note/index.tsx  |  4 ++--
 .../app/screens/settings/theme-selector.tsx   | 19 ++++---------------
 3 files changed, 7 insertions(+), 18 deletions(-)

diff --git a/apps/mobile/app/components/list-items/headers/section-header.tsx b/apps/mobile/app/components/list-items/headers/section-header.tsx
index 25a2b71c7..43749cd44 100644
--- a/apps/mobile/app/components/list-items/headers/section-header.tsx
+++ b/apps/mobile/app/components/list-items/headers/section-header.tsx
@@ -77,7 +77,7 @@ export const SectionHeader = React.memo<
             justifyContent: "space-between",
             borderBottomWidth: 1,
             borderColor: colors.primary.border,
-            paddingVertical: DefaultAppStyles.GAP_VERTICAL_SMALL
+            paddingTop: DefaultAppStyles.GAP_VERTICAL_SMALL
           }}
         >
           <Pressable
diff --git a/apps/mobile/app/components/list-items/note/index.tsx b/apps/mobile/app/components/list-items/note/index.tsx
index 7fa9d3083..6be774183 100644
--- a/apps/mobile/app/components/list-items/note/index.tsx
+++ b/apps/mobile/app/components/list-items/note/index.tsx
@@ -379,7 +379,7 @@ const NoteItem = ({
                 style={{
                   marginRight: 6
                 }}
-                color={colors.secondary.background}
+                color={primaryColors.icon}
               />
             ) : null}
 
@@ -391,7 +391,7 @@ const NoteItem = ({
                 style={{
                   marginRight: 6
                 }}
-                color="orange"
+                color={colors.static.orange}
               />
             ) : null}
 
diff --git a/apps/mobile/app/screens/settings/theme-selector.tsx b/apps/mobile/app/screens/settings/theme-selector.tsx
index 3c1950473..dd6661747 100644
--- a/apps/mobile/app/screens/settings/theme-selector.tsx
+++ b/apps/mobile/app/screens/settings/theme-selector.tsx
@@ -357,20 +357,18 @@ function ThemeSelector() {
           <View
             style={{
               flexDirection: "row",
-              justifyContent: "space-between"
+              justifyContent: "space-between",
+              flexWrap: "wrap",
+              gap: 10
             }}
           >
             <View
               style={{
-                flexDirection: "row",
-                columnGap: 10
+                flexDirection: "row"
               }}
             >
               <Button
-                height={30}
                 style={{
-                  borderRadius: 100,
-                  minWidth: 60,
                   paddingVertical: DefaultAppStyles.GAP_VERTICAL_SMALL
                 }}
                 type={
@@ -384,11 +382,8 @@ function ThemeSelector() {
               />
               <Button
                 style={{
-                  borderRadius: 100,
-                  minWidth: 60,
                   paddingVertical: DefaultAppStyles.GAP_VERTICAL_SMALL
                 }}
-                height={30}
                 type={colorScheme === "dark" ? "accent" : "secondary"}
                 title={strings.dark()}
                 fontSize={AppFontSize.xs}
@@ -398,11 +393,8 @@ function ThemeSelector() {
               />
               <Button
                 style={{
-                  borderRadius: 100,
-                  minWidth: 60,
                   paddingVertical: DefaultAppStyles.GAP_VERTICAL_SMALL
                 }}
-                height={30}
                 fontSize={AppFontSize.xs}
                 type={colorScheme === "light" ? "accent" : "secondary"}
                 title={strings.light()}
@@ -415,11 +407,8 @@ function ThemeSelector() {
             <Button
               title={strings.loadFromFile()}
               style={{
-                borderRadius: 100,
-                minWidth: 60,
                 paddingVertical: DefaultAppStyles.GAP_VERTICAL_SMALL
               }}
-              height={30}
               type={"secondaryAccented"}
               icon="folder"
               fontSize={AppFontSize.xs}