Tweak unlock screen button sizing to work with longer translations (#1819)

apps/mobile-app/app/unlock.tsx

@@ -391,15 +391,19 @@ export default function UnlockScreen() : React.ReactNode {
       alignItems: 'center',
       backgroundColor: colors.primary,
       borderRadius: 8,
-      height: 50,
       justifyContent: 'center',
       marginBottom: 16,
+      minHeight: 50,
+      paddingVertical: 8,
       width: '100%',
     },
     buttonText: {
       color: colors.primarySurfaceText,
       fontSize: 16,
       fontWeight: '600',
+      paddingHorizontal: 16,
+      paddingVertical: 4,
+      textAlign: 'center',
     },
     container: {
       flex: 1,
@@ -418,14 +422,18 @@ export default function UnlockScreen() : React.ReactNode {
     },
     faceIdButton: {
       alignItems: 'center',
-      height: 50,
       justifyContent: 'center',
+      minHeight: 50,
+      paddingVertical: 8,
       width: '100%',
     },
     faceIdButtonText: {
       color: colors.primary,
       fontSize: 16,
       fontWeight: '600',
+      paddingHorizontal: 16,
+      paddingVertical: 4,
+      textAlign: 'center',
     },
     gradientContainer: {
       height: Dimensions.get('window').height * 0.4,