Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[BUG] UI: The margin in the repository rating page is small which is causing a bad user experience on mobile screen #132

Open
1 task done
emmanueltaiwo opened this issue Mar 1, 2024 · 0 comments
Labels
🛠 goal: fix 🚦 status: awaiting triage Waiting for maintainers to verify (please do not start work on this yet)

Comments

@emmanueltaiwo
Copy link

emmanueltaiwo commented Mar 1, 2024

Has this bug been raised before?

  • I have checked "open" AND "closed" issues and this is not a duplicate

Where did you find this bug?

Production

Description

I noticed the margin on the repository rating page was small and it was kinda confusing when i use a mobile screen.

If you try to rate a repository, you'll discover that the margin that separates the form is small, and when you use it on a mobile screen, the user experience becomes difficult to navigate.

Screenshot 2024-03-01 at 8 14 16 PM Screenshot 2024-03-01 at 8 14 04 PM

Steps to Reproduce

If you know the steps, follow the below format and provide steps to reproduce

For example:

  1. Go to https://repo-rater.eddiehub.io/rate?owner=build-trust&name=ockam page.
  2. Check the repo rating form.
  3. You will notice the margin are not enough on desktop and mobile.
  4. Also, the overall page needs a little bit of margin on mobile

Screenshots

Screenshot 2024-03-01 at 8 14 04 PM Screenshot 2024-03-01 at 8 14 16 PM

Do you want to work on this issue?

Yes

If "yes" to above, please explain how you would technically implement this

I'm going to find the file of the page and make appropriate adjustments to the page styling, then i'll test on multiple devices to make sure it's responsive.

@emmanueltaiwo emmanueltaiwo added 🚦 status: awaiting triage Waiting for maintainers to verify (please do not start work on this yet) 🛠 goal: fix labels Mar 1, 2024
@emmanueltaiwo emmanueltaiwo changed the title [No enough padding in the repository rating page] <The padding in the repository rating page is small which is causing a bad user experience on mobile screens> [No enough margin in the repository rating page] <The margin in the repository rating page is small which is causing a bad user experience on mobile screens> Mar 1, 2024
@emmanueltaiwo emmanueltaiwo changed the title [No enough margin in the repository rating page] <The margin in the repository rating page is small which is causing a bad user experience on mobile screens> [BUG] <The margin in the repository rating page is small which is causing a bad user experience on mobile screens> Mar 1, 2024
@emmanueltaiwo emmanueltaiwo changed the title [BUG] <The margin in the repository rating page is small which is causing a bad user experience on mobile screens> [BUG] UI: The margin in the repository rating page is small which is causing a bad user experience on mobile screen Mar 1, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🛠 goal: fix 🚦 status: awaiting triage Waiting for maintainers to verify (please do not start work on this yet)
Projects
None yet
Development

No branches or pull requests

1 participant