gray-mueller / gray-mueller/food-delivery-applications-using-react-native

Add Bottom Spacing Below "Add" Button on Vendor Page

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

s your feature request related to a problem? Please describe.
I'm always frustrated when UI elements appear too cramped. On the "Vendor" page of the admin dashboard, the "Add" button while adding vendor information sits too close to the bottom of the form. This makes the interface feel cluttered and less user-friendly.

Describe the solution you'd like
Add some margin or padding below the "Add" button (e.g., 16–24px) to create visual separation between the button and the edge of the form or page.

Describe alternatives you've considered
Considered leaving it as-is, but it negatively impacts the overall design quality and user experience. Another option could be to place the button inside a footer-style container with consistent spacing.

Additional context
This adjustment would improve usability and visual consistency across the dashboard.

Contributor guide

Open the contributing guide

Research direction

The issue does not name a file or test. Start by locating the Vendor page in the React Native application and find the form's Add button; verify the current spacing and apply the requested separation below it. Done means the button no longer sits against the form or page edge and the Vendor page remains usable.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react-native
Domain
frontend, mobile
Issue type
Feature
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.