Enatega Customer Application: (Ui-Fix) Add padding around food items description or left/right edges of the screen.

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

Nobody has claimed this yet.

Assessment

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

Research direction

Open the customer application screen that displays food item descriptions and inspect the rendered layout and styles around the description text. Add horizontal spacing so descriptions no longer touch either screen edge, then verify the result on smaller screens and confirm the text has comfortable left and right padding.

Written by the indexing model from the issue text.

Description

Describe the solution you'd like

The food item descriptions currently appear flush against the left and/or right edges of the screen, resulting in a cramped and visually unappealing layout. This lack of padding makes the text harder to read and negatively impacts the user experience, especially on smaller screens or mobile devices.

Steps to Reproduce:

Open the app or page displaying food items.

Observe the text alignment of the food descriptions.

Note how the text aligns directly against the screen edge with little to no horizontal spacing.

Dominant language
JavaScript
Stars
0
Forks
0
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 raymondjames090/food-ordering-system-java-eclipse

All issues in raymondjames090/food-ordering-system-java-eclipse

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.