gray-mueller / gray-mueller/foodpanda-clone-using-react-native
Unnecessary Gap Between Buttons on Login Page – Customer App
- Dominant language
- TypeScript
- Stars
- 0
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
On the login page of the customer app, there is a visibly large and unnecessary gap between the login button and other related buttons (e.g., “Login with Google”, “Forgot Password”, etc.). This disrupts the visual flow and makes the screen feel awkward or unbalanced.
To Reproduce
Steps to reproduce the behavior:
Open the customer app
Navigate to the login page
Observe the spacing between the primary login button and the elements beneath it
Expected behavior
The spacing between buttons and elements should follow consistent design guidelines with minimal, aesthetically pleasing gaps to ensure a cohesive layout.
Screenshots
Image
Smartphone (please complete the following information):
Device: Samsung A15
OS: Android 14
App Version: [insert if known]
Additional context
This may be caused by fixed spacing in the layout or unnecessary padding/margins. It should be refined for better alignment, cleaner presentation, and improved user experience.
Contributor guide
Research direction
Start by reproducing the gap on the customer app's login page using the reported Samsung A15 and Android 14 details, then locate the login screen layout and inspect its spacing. Done means the login, Google login, and password-related elements have consistent, visually balanced spacing without disrupting the page.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- mobile
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100