gray-mueller / gray-mueller/food-delivery-applications-using-react-native

Excessive White Space Between Delivery Time and Product List on Store Page – Customer App

Open
#705 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
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

Open the contributing guide

Research direction

Reproduce the issue in the customer app by opening a store page and scrolling past the store information on Android 14 with a Samsung A15. Inspect the store detail layout around the delivery time section and product categories, then verify that the excessive gap is reduced and spacing remains consistent.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.