ephios-dev/ephios

Redesign login page on desktop with identity provider(s) activated

Closed this issue · 3 comments

When an identity provider is activated the login page looks somewhat messy on desktop (mobile is just fine).

  • order everything in column?
  • make the fields narrower?
  • add logo option for the identity provider?
image image

Hey, thanks for participating :D

Regarding the one with the form still visible: I totally see the point, especially because it is not aligned with the formfield. Maybe we could smth like

<Button Provider 1>
<Button Provider 1>

-------- or ------------

<Login Form>

Regarding the other variant: I felt that just a regular sized button looks a bit lost on the empty page, hence the full-width button. Not sure about a better option there

The container just needs to be narrower ^^

But I do think giving the whole view some love would be good. It's the entrance way to this product. We could show organization name maybe some nice decoration, and then the login controls.

A small issue of the login page I've just noticed: The email input has type="text", while type="email" would be better, especially on mobile.

Thought this would fit here better than a new issue, if you're planning a broader redesign.