Unnecessary Gap Between Buttons on Login Page – Customer App

Open
#688 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
Bug
Clarity
Mostly clear
Activity status
Stale
Tech stack
javascript
Domain
frontend, mobile

Research direction

Open the customer app and reproduce the login-page layout described in the issue, using a Samsung A15 with Android 14 if available. Inspect the login screen's spacing and compare the primary login button with the Google login and Forgot Password elements; done means the gaps are consistent and visually balanced.

Written by the indexing model from the issue text.

Description

Describe the bug
On the login page of the customer app, there is a visibly large and unnecessary gap between the login button and other related buttons (e.g., “Login with Google”, “Forgot Password”, etc.). This disrupts the visual flow and makes the screen feel awkward or unbalanced.

To Reproduce
Steps to reproduce the behavior:

Open the customer app

Navigate to the login page

Observe the spacing between the primary login button and the elements beneath it

Expected behavior
The spacing between buttons and elements should follow consistent design guidelines with minimal, aesthetically pleasing gaps to ensure a cohesive layout.

Screenshots

Image

Smartphone (please complete the following information):

Device: Samsung A15

OS: Android 14

App Version: [insert if known]

Additional context
This may be caused by fixed spacing in the layout or unnecessary padding/margins. It should be refined for better alignment, cleaner presentation, and improved user experience.

Dominant language
JavaScript
Stars
0
Forks
0
PR merge metrics
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.