marthaegrimaldi / marthaegrimaldi/ifood-clone-using-react-native

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

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

Start by reproducing the issue on the customer app's store detail page, using the reported path from store information through delivery time to product categories. Inspect the layout around those sections and verify that the excess gap is removed while the spacing remains consistent on the reported Android device.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react-native
Domain
frontend, mobile-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.