gray-mueller / gray-mueller/food-delivery-clone-app-using-react

Confirm Withdraw" Button Misaligned on Wallet Page in Rider App

Open
#64 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
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

Open the contributing guide

Research direction

Start by locating the Rider app's Wallet page and the Withdraw flow, then reproduce the issue on a smartphone-sized view using the reported steps. Inspect the layout around the "Confirm Withdraw" button; done means it is centered, evenly spaced, non-overlapping, and visually consistent on the Wallet page.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend, mobile
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.