Margaret-Petersen / Margaret-Petersen/python-based-food-ordering-system
Add Bottom Spacing Below "Add" Button on Vendor Page
Nobody has claimed this yet.
- 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
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
Start by locating the admin dashboard's Vendor page and the form used to add vendor information. Inspect the existing layout around the "Add" button, then verify the page visually after introducing the requested 16–24px separation below it.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 55/100