How to change layout of login screen

[MrBidon]

Hi,

We’re using discourse 3.3.0.beta1-dev

Here it is a screenshot of what the connection screen looks like :

Any idea to help me have a better layout for traditional login (cause “Security key” is using too much space) ?

[Fairies-Feast (fairies0feast)]

Hello, you could manually edit the CSS to change the layout.

[Lilly]

Maybe this theme component can help:

Trendy Login

Summary Trendy Login changes the default design of static login page (/login) on login required sites and adds the ability to customize the page content via component settings. Repository Link https://github.com/discourse/discourse-trendy-login New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component Here are the available component settings: Name Description custom_bg_image Custom…

Or perhaps how to make CSS changes:

Make CSS changes on Your Site

Want to make some CSS changes on your Discourse site but not sure where to start? You’ve come to the right place! You only need to read this topic if you’re very new to CSS. If you already know how to write and add CSS to your Discourse site, then you will most likely not need to read this topic. We’ll cover a few subjects. We’ll start with a brief introduction of what CSS is and some terms that you need to know. We will then move on to how you can add CSS to your Discourse site. Final…

[pmusaraj (Penar Musaraj)]

I think we can make some changes in core to make this screen look better by default. The translation for this button is a bit long, I made a suggestion upstream to change the label from

• Connectez-vous à l’aide d’une clé d’accès
  to
• Se connecter avec une clé d’accès

(That matches the translations for the social links as well)

I think we can make some subtle design changes here as well. There may be other languages with very long social login button labels. cc @jordan-vidrine

[MrBidon]

Thanks a lot @Lilly , I have customized CSS and then It solve my issue.

@pmusaraj I’m happy to point some stuff to improve.

What a fantastic community, Discourse have !