marthaegrimaldi / marthaegrimaldi/meal-ordering-app-using-react-native
Confirm Withdraw" Button Misaligned on Wallet Page in Rider App
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 0
- Forks
- 1
- 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
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by locating the Rider app's Wallet page and the Withdraw flow, then reproduce the Confirm Withdraw button issue on a Samsung A15 or comparable device. Trace the screen's layout and spacing around the button; done means it is centered, non-overlapping, evenly spaced, and consistent with the surrounding UI.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react-native
- Domain
- design, mobile
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100