gray-mueller / gray-mueller/food-delivery-clone-app-using-react-native
Confirm Withdraw" Button Misaligned on Wallet Page in Rider App
- Dominant language
- TypeScript
- Stars
- 0
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
On the Wallet page in the Rider app, the "Confirm Withdraw" button is not properly aligned. It may appear off-center, overlapping other elements, or visually misaligned with the rest of the UI.
To Reproduce
Steps to reproduce the behavior:
Log in to the Rider app.
Navigate to the Wallet page.
Tap on the Withdraw option.
Observe the "Confirm Withdraw" button’s position on the screen.
Expected behavior
The "Confirm Withdraw" button should be properly aligned within the UI—centered, evenly spaced, and visually consistent with the design guidelines.
Screenshots
Image
Smartphone (please complete the following information):
Device: Samsung A15
Additional context
This UI issue may affect user experience by making the button less noticeable or harder to tap. It could be due to a layout constraint or padding/margin issue in the app's design.
Contributor guide
Research direction
Start by locating the Rider app's Wallet page and the Withdraw flow, then reproduce the issue on a Samsung A15 or comparable device. Inspect the Confirm Withdraw button's layout and compare it with surrounding UI; done means the button is centered, evenly spaced, non-overlapping, and easy to tap.
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