gray-mueller / gray-mueller/food-ordering-app-clone-using-react-js
Excessive White Space Between Delivery Time and Product List on Store Page – Customer App
- Dominant language
- TypeScript
- Stars
- 0
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
In the customer app, on the store detail page, there is an unusually large white space between the delivery time section and the product categories. This makes the layout look broken or empty and requires unnecessary scrolling.
To Reproduce
Steps to reproduce the behavior:
Open the customer app
Navigate to any store page
Scroll past the store info (ratings, timings, delivery time)
Observe the large empty space before product categories appear
Expected behavior
The space between the store information and product listings should be minimal and consistent with the rest of the app layout for a clean and efficient UI.
Screenshots
Image
Smartphone (please complete the following information):
Device: Samsung A15
OS: Android 14
App Version: [insert if known]
Additional context
This is likely caused by a layout padding/margin or rendering logic issue. Reducing this space will improve usability, reduce scroll effort, and provide a more polished UI appearance.
Contributor guide
Research direction
Reproduce the issue by opening a store page in the customer app and scrolling past the store information to the product categories. Inspect the store detail layout around the delivery time and product listings, then verify that the excessive gap is removed and scrolling is consistent with the rest of the app.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100