gray-mueller / gray-mueller/open-source-delivery-app
Misalignment of Payment Method Buttons in Checkout Section in Enatega Food Delivery Site
- 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
Research direction
Start by reproducing the issue in the checkout section with PayPal selected, then locate the payment-method button UI from that flow. Compare the alignment of the PayPal and credit/debit card buttons and verify that both are uniformly aligned across the available payment methods.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 64/100