Improve Layout of Cuisines Filter Tabs in Enatega Main App

Open

#750 opened on Jun 30, 2025 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: 48/100

Issue type: Feature
Clarity: Mostly clear
Activity status: Stale
Tech stack: javascript, react-native
Domain: frontend, mobile

Research direction

Start in the Enatega Main App by locating the filter section and the Cuisines filter tabs. Inspect the layout on mobile and smaller screens, then verify that the tabs use the available space on the right of the second line without reducing readability or accessibility.

Written by the indexing model from the issue text.

Description

Is your feature request related to a problem? Please describe.
Yes. In the Enatega Main App, the filter section currently spans three lines, and the Cuisines filter tabs appear on the third line. However, the second line has visible unused space on the right side. It's frustrating to see filters unnecessarily spread across multiple lines when better space optimization could enhance the user interface.

Describe the solution you'd like
I suggest repositioning the Cuisines filter tabs to fit on the right side of the second line where there is already empty space. This change would reduce the visual clutter, condense the filter area, and improve the overall layout without compromising readability or accessibility.

Describe alternatives you've considered
An alternative could be reducing the spacing or font size to fit all filters in fewer lines, but simply utilizing the available space on the second line is the most straightforward and elegant solution.

Additional context
This minor layout adjustment would significantly improve the UI, especially on mobile and smaller screens, by keeping the filter section compact and visually clean. It’s a small tweak with noticeable usability benefits.

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

Contributor guide

Open the contributing guide

First steps

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