gray-mueller / gray-mueller/salon-solution-system-backend

Misalignment of Payment Method Buttons in Checkout Section in Enatega Food Delivery Site

Open
#323 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

Description:
In the Enatega food delivery website's checkout section, there is a misalignment issue with the placement of payment method buttons. Specifically, when the PayPal method is selected, the PayPal button is positioned on the left, while the credit/debit card button is centered.

Steps to Reproduce:
Visit the Enatega food delivery website.
Add items to the cart and proceed to the checkout section.
Select PayPal as the payment method.

Expected Behavior:
The payment method buttons should be uniformly aligned for a consistent and user-friendly experience.

Actual Behavior:
When PayPal is selected, the PayPal button is positioned on the left, creating a misalignment with the credit/debit card button, which is centered.

image

image

Contributor guide

Open the contributing guide

Research direction

Start by locating the checkout section and its payment-method button components, then reproduce the layout with PayPal selected. Compare the PayPal and credit/debit card button alignment in the rendered checkout view. Done means both buttons use a consistent alignment and the checkout still works for each payment method.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend, payments
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.