supabase-community / auth-ui

Pre-built Auth UI for React
https://supabase.com/docs/guides/auth/auth-helpers/auth-ui
MIT License
478 stars 120 forks source link

Layout shift caused by inconsistent margins #199

Closed justin-gurtz closed 10 months ago

justin-gurtz commented 11 months ago

Bug report

Describe the bug

Some views have margins applied inconsistently causing layout shift.

To Reproduce

Steps to reproduce the behavior, please provide code snippets or a repository:

  1. Initialize Auth UI in the Sign In view
  2. Note that the "Email address" label is 16px from the top of the container
  3. Click "Forgot your password?"
  4. The "Email address" label will now be 8px from the top of the container

Expected behavior

In my opinion there shouldn't be any margins (so "Email address" will be 0px from the top of the container), but at the very least it should be the same.

Screenshots

Screenshot 2023-08-16 at 12 26 46 Screenshot 2023-08-16 at 12 26 54

https://github.com/supabase/auth-ui/assets/40037115/ec4f9c3d-e4fd-4ec6-9631-a800e64c3b8f