Improve Layout of Store Name and ID Next to Profile Image in Store App

Open
#906 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

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

Research direction

The issue does not name a file, screen, or test. Start by locating the Store app view that renders the profile image with the store name and ID, then inspect the surrounding layout and styling. Done means the name and ID have clear alignment, readable sizing, and balanced spacing beside the image.

Written by the indexing model from the issue text.

Description

Is your feature request related to a problem? Please describe.
The store name and ID displayed next to the profile image in the Store app do not appear visually appealing. The alignment, font size, or spacing may feel unbalanced, making the UI look cluttered or unpolished.

Describe the solution you'd like
Adjust the layout of the store name and ID to improve visual harmony with the profile image. This could include better alignment, consistent font sizing, and appropriate spacing to enhance overall readability and aesthetics.

Describe alternatives you've considered
Reducing the font size of the ID, using subtle styling (like muted colors or smaller font weight), or placing the ID below the store name could improve clarity without overwhelming the UI.

Additional context
Improving this section will enhance the professional look of the Store app, especially on first impressions and frequently visited screens.

Dominant language
JavaScript
Stars
2
Forks
0
PR merge metrics
No merged PRs in 30d

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from patriciaperez90/react-native-based-uber-eats-clone-app

All issues in patriciaperez90/react-native-based-uber-eats-clone-app

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.