From a93b935df39dab558622a7a1f1c4e784d2a4b2cd Mon Sep 17 00:00:00 2001
From: Uruk <contact@uruk.dev>
Date: Mon, 1 Sep 2025 22:57:17 +0200
Subject: [PATCH] style: improve login form spacing and alignment

Adjusts margin classes and offsets to create better visual hierarchy and spacing between form elements.

Adds bottom margins to input fields and containers, increases top offset for password input, and adds top margins to button containers for improved layout consistency.
---
 app/login.tsx | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/app/login.tsx b/app/login.tsx
index c6d2e169..80cc0a16 100644
--- a/app/login.tsx
+++ b/app/login.tsx
@@ -273,11 +273,11 @@ const Login: React.FC = () => {
                 textContentType='oneTimeCode'
                 clearButtonMode='while-editing'
                 maxLength={500}
-                extraClassName=''
+                extraClassName='mb-2'
               />
 
               {/* Password */}
-              <View className='relative'>
+              <View className='relative mb-2'>
                 <PasswordInput
                   value={credentials.password}
                   onChangeText={(text: string) =>
@@ -286,15 +286,14 @@ const Login: React.FC = () => {
                   placeholder={t("login.password_placeholder")}
                   showPassword={showPassword}
                   onShowPasswordChange={setShowPassword}
-                  topOffset={15}
+                  topOffset={16}
                   layout='tv'
                 />
               </View>
-
-              <View className=''>
+              <View className='mt-3'>
                 <Button onPress={handleLogin}>{t("login.login_button")}</Button>
               </View>
-              <View className=''>
+              <View className='mt-2'>
                 <Button
                   onPress={handleQuickConnect}
                   className='bg-neutral-800 border border-neutral-700'