diff --git a/src/components/PendingProofsBanner.tsx b/src/components/PendingProofsBanner.tsx index b950d25..1483050 100644 --- a/src/components/PendingProofsBanner.tsx +++ b/src/components/PendingProofsBanner.tsx @@ -53,6 +53,9 @@ export default function PendingProofsBanner({ paddingVertical: spacing.sm, borderRadius: 10, backgroundColor: '#000', + minHeight: 44, + justifyContent: 'center', + alignItems: 'center', opacity: canRetry ? 1 : 0.6, }} > diff --git a/src/components/PublicKeyDisplay.tsx b/src/components/PublicKeyDisplay.tsx index cd0e7dd..2bd1a2c 100644 --- a/src/components/PublicKeyDisplay.tsx +++ b/src/components/PublicKeyDisplay.tsx @@ -46,7 +46,7 @@ export default function PublicKeyDisplay({ accessibilityRole="button" accessibilityLabel={`Wallet address ${publicKey}`} accessibilityHint="Double tap to toggle full address" - style={{ flexShrink: 1 }} + style={{ flexShrink: 1, minHeight: 44, justifyContent: 'center' }} > {copied ? '✅' : '📋'} diff --git a/src/components/TransactionHistory.tsx b/src/components/TransactionHistory.tsx index 92155c9..87bdfa9 100644 --- a/src/components/TransactionHistory.tsx +++ b/src/components/TransactionHistory.tsx @@ -82,16 +82,18 @@ export default function TransactionHistory({ return ( {error} - void loadPayments()}> - - Retry - + void loadPayments()} + accessibilityRole="button" + style={{ + marginTop: spacing.xs, + paddingVertical: spacing.sm, + paddingHorizontal: spacing.md, + minHeight: 44, + justifyContent: 'center', + }} + > + Retry ); diff --git a/src/screens/EditProfileScreen.tsx b/src/screens/EditProfileScreen.tsx index 8d298b9..1f23eb5 100644 --- a/src/screens/EditProfileScreen.tsx +++ b/src/screens/EditProfileScreen.tsx @@ -72,7 +72,17 @@ export default function EditProfileScreen() { > navigation.goBack()} - style={{ marginBottom: spacing.md }} + accessibilityRole="button" + accessibilityLabel="Cancel" + style={{ + alignSelf: 'flex-start', + paddingVertical: spacing.sm, + paddingHorizontal: spacing.md, + marginLeft: -spacing.md, + marginBottom: spacing.md, + minHeight: 44, + justifyContent: 'center', + }} > Cancel diff --git a/src/screens/MapScreen.tsx b/src/screens/MapScreen.tsx index f7c6b2c..5f5c115 100644 --- a/src/screens/MapScreen.tsx +++ b/src/screens/MapScreen.tsx @@ -394,6 +394,9 @@ const styles = StyleSheet.create({ }, retryBtn: { marginLeft: spacing.sm, + paddingHorizontal: spacing.sm, + minHeight: 44, + justifyContent: 'center', }, retryText: { color: colors.primary, @@ -424,6 +427,8 @@ const styles = StyleSheet.create({ paddingHorizontal: spacing.md, paddingVertical: spacing.xs, borderRadius: 18, + minHeight: 44, + justifyContent: 'center', }, radiusOptActive: { backgroundColor: colors.primary, diff --git a/src/screens/SendTokensScreen.tsx b/src/screens/SendTokensScreen.tsx index 8cdfece..ce052a3 100644 --- a/src/screens/SendTokensScreen.tsx +++ b/src/screens/SendTokensScreen.tsx @@ -154,7 +154,19 @@ export default function SendTokensScreen() { behavior={Platform.OS === 'ios' ? 'padding' : undefined} > - navigation.goBack()}> + navigation.goBack()} + accessibilityRole="button" + accessibilityLabel="Cancel" + style={{ + alignSelf: 'flex-start', + paddingVertical: spacing.sm, + paddingHorizontal: spacing.md, + marginLeft: -spacing.md, + minHeight: 44, + justifyContent: 'center', + }} + > Cancel - navigation.goBack()}> - Back + navigation.goBack()} + accessibilityRole="button" + accessibilityLabel="Back" + style={{ + alignSelf: 'flex-start', + paddingVertical: spacing.sm, + paddingHorizontal: spacing.md, + marginLeft: -spacing.md, + minHeight: 44, + justifyContent: 'center', + }} + > + + {'\u2190'} Back + void requestPermission()} - style={{ marginTop: spacing.md, padding: spacing.sm }} + accessibilityRole="button" + style={{ + marginTop: spacing.md, + paddingVertical: spacing.sm, + paddingHorizontal: spacing.md, + minHeight: 44, + justifyContent: 'center', + }} > Grant Permission diff --git a/src/screens/TaskDetailScreen.tsx b/src/screens/TaskDetailScreen.tsx index ad5feee..1a6a0f7 100644 --- a/src/screens/TaskDetailScreen.tsx +++ b/src/screens/TaskDetailScreen.tsx @@ -65,7 +65,14 @@ export default function TaskDetailScreen() { {error || 'Task not found'} void loadTask()} - style={{ marginTop: spacing.md }} + accessibilityRole="button" + style={{ + marginTop: spacing.md, + paddingVertical: spacing.sm, + paddingHorizontal: spacing.md, + minHeight: 44, + justifyContent: 'center', + }} > Try Again @@ -83,7 +90,18 @@ export default function TaskDetailScreen() { navigation.goBack()} - style={{ marginBottom: spacing.md, marginTop: spacing.xl }} + accessibilityRole="button" + accessibilityLabel="Back" + style={{ + alignSelf: 'flex-start', + paddingVertical: spacing.sm, + paddingHorizontal: spacing.md, + marginLeft: -spacing.md, + marginTop: spacing.xl, + marginBottom: spacing.md, + minHeight: 44, + justifyContent: 'center', + }} > {'\u2190'} Back diff --git a/src/screens/TaskListScreen.tsx b/src/screens/TaskListScreen.tsx index 7e336da..a297f55 100644 --- a/src/screens/TaskListScreen.tsx +++ b/src/screens/TaskListScreen.tsx @@ -124,7 +124,14 @@ export default function TaskListScreen() { {error} void refresh()} - style={{ marginTop: spacing.md }} + accessibilityRole="button" + style={{ + marginTop: spacing.md, + paddingVertical: spacing.sm, + paddingHorizontal: spacing.md, + minHeight: 44, + justifyContent: 'center', + }} > Retry @@ -168,6 +175,7 @@ export default function TaskListScreen() { paddingVertical: spacing.sm, borderRadius: 20, marginRight: spacing.sm, + minHeight: 44, backgroundColor: activeType === t.key ? colors.primary : colors.surface, borderWidth: 1, @@ -206,6 +214,8 @@ export default function TaskListScreen() { paddingVertical: spacing.xs, borderRadius: 16, marginRight: spacing.sm, + minHeight: 44, + justifyContent: 'center', backgroundColor: statusFilter === s.key ? colors.primary : colors.surface, borderWidth: 1, @@ -263,6 +273,8 @@ export default function TaskListScreen() { paddingVertical: spacing.xs, borderRadius: 16, marginRight: spacing.sm, + minHeight: 44, + justifyContent: 'center', backgroundColor: sortMode === opt.key ? colors.primary : colors.surface, borderWidth: 1, @@ -296,6 +308,8 @@ export default function TaskListScreen() { paddingVertical: spacing.xs, borderRadius: 12, marginLeft: spacing.xs, + minHeight: 44, + justifyContent: 'center', backgroundColor: radiusKm === km ? colors.primaryDark : colors.surface, }}