Skip to content
This repository has been archived by the owner on Oct 1, 2024. It is now read-only.

[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 subscribe to this conversation on GitHub. Already have an account? Sign in.
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