Hello, I would like to work on this issue. Could this please be assigned to me?

@shikharchaurasia you're assigned. Good luck!

@RayBB i am ready to merge it can you assign it to me?

Hi @RayBB,

I have figured the issue and tested a fix locally which seems to work.

Here is my triage of the issue:

Problem

Sign in with Google button isn't centered on mobile/desktop.

(Desktop view - notice the Google sign in option is aligned towards left)

(Mobile view - notice the Google sign in option is aligned towards left)

Reproducing the bug

1. Launch https://openlibrary.org/account/login on browser. Alternatively, you can run docker compose up, and launch localhost:8080 and navigate to login page at http://localhost:8080/account/login
2. Observe the third party Google login option.

Expected Behavior: The third party Google login option is centered relative to the login form.
Actual Behavior: The third party Google login option is NOT centered relative to the login form.

Context
Browser (Chrome, Safari, Firefox, etc): Tested on Google Chrome and Firefox.
OS (Windows, Mac, etc): Windows
Logged in (Y/N): N
Environment (prod, dev, local): Prod, Dev and Local.

Breakdown
Requirements Checklist

• Analyze the styles applied to the third party sign in option resulting in a non-centered display render.
• Make necessary fixes to center the third party sign in option relative to the form.

Relevant Files:

• templates/account/ia_thirdparty_logins.html
• templates/login.html

Stakeholders:

Hi @RayBB - I have put up a PR that fixes this issue, and is up for review: #10079
Please review this when you get the chance and let me know if anything else needs to be addressed.
Thank you! :)

Thank you @shikharchaurasia :) we'll get the PR assigned to a reviewer and offer feedback shortly.

P.S. Thank you also @ronibhakta1 for your enthusiasm, I hope we can find another issue to support you on!

P.S. Thank you also @ronibhakta1 for your enthusiasm, I hope we can find another issue to support you on!
looking forward for that :)