gray-mueller / gray-mueller/food-ordering-app-using-python

Enatega Customer Application: Place Order Button Not Visible and Improperly Positioned on Checkout Screen

Open Beginner friendly
#2,751 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
4
Forks
3
PR merge metrics
No merged PRs in 30d

Description

Describe the bug
On the checkout screen, the "Place Order" button is not clearly visible to the user. It is incorrectly stuck at the bottom edge of the screen, blending into the background or UI, making it difficult to recognize as an actionable button. This poor visibility and placement results in a confusing user experience, as the user may not realize how to complete the order.

Steps to Reproduce:

Navigate to the checkout screen after adding items to the cart.
Observe the bottom of the screen.
Notice that the "Place Order" button is either:
Not clearly visible,
Partially hidden by screen margins or navigation elements,
Not styled distinctly as a button.
Expected behavior
The "Place Order" button should be prominently displayed with clear visibility, appropriate padding, and proper placement above the screen edge or navigation bar.

Smartphone (please complete the following information):

Device: [e.g. Samsung A15]
OS: [e.g. Android]
Browser [e.g. Application]
Version [e.g. Latest]

Labels: Enatega Multivendor Customer App, High Priority, Bug

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the issue on the customer application's checkout screen after adding items to the cart, and inspect the checkout UI responsible for the Place Order button. Done means the button is clearly styled, fully visible, padded, and positioned above the screen edge or navigation bar on a smartphone.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.