mobile: minor ui fixes

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
                 }}

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
                 }}
               />
             </>

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
                     }}
                   >

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)}
             />
           );

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,

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,

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"

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>

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({