Brave Community registration form is twisted

Description of the issue:
When you try to create an account at Brave Community, you get a really ugly looking form to fill.

How can this issue be reproduced?

  1. Go to any Brave Community page.
  2. Click “Sign Up” button, or go “Log In” -> “Create New Account”

Screenshots:

Reason:
It looks that way because of the incorrect Display property that’s applied to TRs of the registration form layout.

Image3

Hello @Hy60koshk

it work fine from my side here

could you try to clear cache or disable all extension and see if it help and have a nice day :slight_smile:

But you’ve just attached the screenshot that clearly illustrates that it is NOT fine.

Here, compare it to the Login form:

oh i thought you meant it did not look as in the firefox

sorry i miss understand you and i agree it’s issue
let us ask one of the team to help and fix it @Mattches

and have a nice day both of you

I think earlier it should be like :arrow_up: ri8?

@Hy60koshk,
Thank you for reporting this. I’ve adjusted the necessary CSS and you should be seeing this when you go to signup for Community now:

Thanks. But that still looks ugly.
My guess is that the right way to correct this is to remove “display: inherit” and change the padding of the “.d-modal.create-account .login-form tr” to “0.3em 1.5em” (or something that your designer would approve).
This way you’d get this:

1 Like

i agree with you @Hy60koshk but better then do not even use table at all for layout
and i thought people stopped using table for layout

css 101 class table are not for layout

yes exactly, most of them are using css grid / flex layout etc…

even brave won’t use tables without any proper reason :thinking:

they use https://www.discourse.org/