EddieHubCommunity / RepoRater

Rate GitHub Repos for Developer Experience (DX)
https://repo-rater.eddiehub.org
MIT License
154 stars 35 forks source link

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

Open emmanueltaiwo opened 8 months ago

emmanueltaiwo commented 8 months ago

Has this bug been raised before?

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.