marthaegrimaldi / marthaegrimaldi/food-ordering-application-using-react-native
Improve Layout of Cuisines Filter Tabs in Enatega Main App
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 1
- Forks
- 1
- PR merge metrics
- No merged PRs in 30d
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.
Contributor 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.
Research direction
No file or test is named. Start by locating the Enatega Main App's filter section and inspect its responsive layout; done means the Cuisines tabs share the second line's unused space while remaining readable and accessible on smaller screens.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react-native
- Domain
- frontend, mobile
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100