gray-mueller / gray-mueller/restaurant-delivery-platform-using-react-js

Confirm Withdraw" Button Misaligned on Wallet Page in Rider App

Open
#21 0 comments 0 reactions 0 assignees View on GitHub
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

Open the contributing guide

Research direction

Locate the Rider app's Wallet page and follow the Withdraw flow to the "Confirm Withdraw" button. Reproduce the layout issue on a Samsung A15 or comparable smartphone, then verify that the button is centered, evenly spaced, non-overlapping, and visually consistent with the surrounding UI.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.