From 658585cc1d07bf1b75d0d261e00612747bf6d286 Mon Sep 17 00:00:00 2001
From: Ammar Ahmed <ammarahmed6506@gmail.com>
Date: Sat, 1 Mar 2025 09:33:23 +0500
Subject: [PATCH] mobile: minor ui fixes

---
 apps/mobile/app/components/announcements/cta.js   |  2 +-
 .../components/dialogs/applock-password/index.tsx |  2 +-
 .../components/dialogs/jump-to-section/index.tsx  |  2 +-
 .../components/sheets/reminder-notify/index.tsx   |  7 +++++--
 .../app/components/sheets/reminder/index.tsx      | 15 ++++++++-------
 apps/mobile/app/components/tip/index.tsx          |  2 +-
 apps/mobile/app/components/walkthroughs/index.tsx |  4 ++--
 apps/mobile/app/screens/home/filter-bar.tsx       |  4 ++--
 .../app/screens/settings/restore-backup/index.tsx |  2 +-
 9 files changed, 22 insertions(+), 18 deletions(-)

diff --git a/apps/mobile/app/components/announcements/cta.js b/apps/mobile/app/components/announcements/cta.js
index ae7038091..adc23dfae 100644
--- a/apps/mobile/app/components/announcements/cta.js
+++ b/apps/mobile/app/components/announcements/cta.js
@@ -84,7 +84,7 @@ export const Cta = ({ actions, style = {}, color, inline }) => {
                 onPress={() => onPress(item)}
                 bold
                 style={{
-                  height: 30,
+                  paddingVertical: DefaultAppStyles.GAP_VERTICAL_SMALL,
                   alignSelf: "flex-start",
                   paddingHorizontal: 0
                 }}
diff --git a/apps/mobile/app/components/dialogs/applock-password/index.tsx b/apps/mobile/app/components/dialogs/applock-password/index.tsx
index 1e5ecdbff..1c98ebfda 100644
--- a/apps/mobile/app/components/dialogs/applock-password/index.tsx
+++ b/apps/mobile/app/components/dialogs/applock-password/index.tsx
@@ -260,7 +260,7 @@ export const AppLockPassword = () => {
                   alignSelf: "flex-start",
                   justifyContent: "flex-start",
                   paddingHorizontal: 0,
-                  height: 30
+                  paddingVertical: DefaultAppStyles.GAP_VERTICAL_SMALL
                 }}
               />
             </>
diff --git a/apps/mobile/app/components/dialogs/jump-to-section/index.tsx b/apps/mobile/app/components/dialogs/jump-to-section/index.tsx
index 373967996..c662838ce 100644
--- a/apps/mobile/app/components/dialogs/jump-to-section/index.tsx
+++ b/apps/mobile/app/components/dialogs/jump-to-section/index.tsx
@@ -192,7 +192,7 @@ const JumpToSectionDialog = () => {
                       paddingHorizontal: DefaultAppStyles.GAP,
                       margin: 5,
                       borderRadius: 100,
-                      height: 30,
+                      paddingVertical: DefaultAppStyles.GAP_VERTICAL_SMALL,
                       marginVertical: 10
                     }}
                   >
diff --git a/apps/mobile/app/components/sheets/reminder-notify/index.tsx b/apps/mobile/app/components/sheets/reminder-notify/index.tsx
index b09ececfe..c9f60d651 100644
--- a/apps/mobile/app/components/sheets/reminder-notify/index.tsx
+++ b/apps/mobile/app/components/sheets/reminder-notify/index.tsx
@@ -143,9 +143,12 @@ export default function ReminderNotify({
               type="secondaryAccented"
               key={item.title}
               title={item.title}
-              height={30}
               fontSize={AppFontSize.xs}
-              style={{ marginLeft: 10, borderRadius: 100 }}
+              style={{
+                marginLeft: 10,
+                borderRadius: 100,
+                paddingVertical: DefaultAppStyles.GAP_VERTICAL_SMALL
+              }}
               onPress={() => onSnooze(item.time)}
             />
           );
diff --git a/apps/mobile/app/components/sheets/reminder/index.tsx b/apps/mobile/app/components/sheets/reminder/index.tsx
index 901a2e520..8622c661a 100644
--- a/apps/mobile/app/components/sheets/reminder/index.tsx
+++ b/apps/mobile/app/components/sheets/reminder/index.tsx
@@ -288,7 +288,8 @@ export default function ReminderSheet({
               style={{
                 marginRight: 12,
                 borderRadius: 100,
-                minWidth: 70
+                minWidth: 70,
+                paddingVertical: DefaultAppStyles.GAP_VERTICAL_SMALL
               }}
               proTag={mode === "Repeat"}
               height={35}
@@ -345,7 +346,8 @@ export default function ReminderSheet({
                   )}
                   style={{
                     marginRight: 6,
-                    borderRadius: 100
+                    borderRadius: 100,
+                    paddingVertical: DefaultAppStyles.GAP_VERTICAL_SMALL
                   }}
                   height={35}
                   type={
@@ -481,7 +483,7 @@ export default function ReminderSheet({
                 title={date ? date.toLocaleDateString() : strings.selectDate()}
                 type={date ? "secondaryAccented" : "secondary"}
                 icon="calendar"
-                fontSize={AppFontSize.md}
+                fontSize={AppFontSize.sm}
                 onPress={() => {
                   showDatePicker();
                 }}
@@ -543,7 +545,7 @@ export default function ReminderSheet({
             width: "100%",
             justifyContent: "flex-start",
             borderWidth: 0,
-            height: 30,
+            paddingVertical: DefaultAppStyles.GAP_VERTICAL_SMALL,
             alignSelf: "flex-start"
           }}
         />
@@ -565,7 +567,8 @@ export default function ReminderSheet({
                 )}
                 style={{
                   marginRight: 12,
-                  borderRadius: 100
+                  borderRadius: 100,
+                  paddingVertical: DefaultAppStyles.GAP_VERTICAL_SMALL
                 }}
                 icon={
                   mode === "Silent"
@@ -601,8 +604,6 @@ export default function ReminderSheet({
       <Button
         title={strings.save()}
         type="accent"
-        height={45}
-        fontSize={AppFontSize.md}
         style={{
           paddingHorizontal: DefaultAppStyles.GAP * 2,
           marginTop: DefaultAppStyles.GAP_VERTICAL,
diff --git a/apps/mobile/app/components/tip/index.tsx b/apps/mobile/app/components/tip/index.tsx
index 353d1dbe2..df77f510f 100644
--- a/apps/mobile/app/components/tip/index.tsx
+++ b/apps/mobile/app/components/tip/index.tsx
@@ -101,7 +101,7 @@ export const Tip = ({
             }}
             style={{
               width: undefined,
-              height: 25,
+              paddingVertical: DefaultAppStyles.GAP_VERTICAL_SMALL,
               paddingHorizontal: DefaultAppStyles.GAP_SMALL / 2,
               alignSelf: "flex-start",
               borderRadius: 100,
diff --git a/apps/mobile/app/components/walkthroughs/index.tsx b/apps/mobile/app/components/walkthroughs/index.tsx
index a382e700f..3dd267f3f 100644
--- a/apps/mobile/app/components/walkthroughs/index.tsx
+++ b/apps/mobile/app/components/walkthroughs/index.tsx
@@ -114,8 +114,8 @@ export const Walkthrough = ({
       {canSkip ? (
         <Button
           style={{
-            height: 30,
-            marginTop: DefaultAppStyles.GAP
+            marginTop: DefaultAppStyles.GAP,
+            paddingVertical: DefaultAppStyles.GAP_VERTICAL_SMALL
           }}
           textStyle={{
             textDecorationLine: "underline"
diff --git a/apps/mobile/app/screens/home/filter-bar.tsx b/apps/mobile/app/screens/home/filter-bar.tsx
index d443b3d0c..7f0d29de4 100644
--- a/apps/mobile/app/screens/home/filter-bar.tsx
+++ b/apps/mobile/app/screens/home/filter-bar.tsx
@@ -48,7 +48,7 @@ export const FilterBar = () => {
           title={item.name}
           type="secondary"
           style={{
-            height: 25
+            paddingVertical: DefaultAppStyles.GAP_VERTICAL_SMALL
           }}
         />
       ))}
@@ -58,7 +58,7 @@ export const FilterBar = () => {
         type="secondary"
         iconSize={AppFontSize.md}
         style={{
-          height: 25
+          paddingVertical: DefaultAppStyles.GAP_VERTICAL_SMALL
         }}
       />
     </View>
diff --git a/apps/mobile/app/screens/settings/restore-backup/index.tsx b/apps/mobile/app/screens/settings/restore-backup/index.tsx
index d96b557f8..5250cb2ff 100644
--- a/apps/mobile/app/screens/settings/restore-backup/index.tsx
+++ b/apps/mobile/app/screens/settings/restore-backup/index.tsx
@@ -536,7 +536,7 @@ const BackupItem = ({
         type="secondaryAccented"
         style={{
           paddingHorizontal: DefaultAppStyles.GAP,
-          height: 35
+          paddingVertical: DefaultAppStyles.GAP_VERTICAL_SMALL
         }}
         onPress={() => {
           presentDialog({