Donate to e Foundation | Murena handsets with /e/OS | Own a part of Murena! Learn more

Commit 0532940c authored by Dhruv Puri's avatar Dhruv Puri
Browse files

fix(login): center Grant access via flex on redirect-link + form 

The previous text-align approach didn't work because the parent chain
contains a block <form> and the inner #submit-wrapper sizes to its
content (no room to justify-center inside). Make both #redirect-link
and the inner form flex containers with justify-content: center.

Refs ecorp/b2b/apps/workspace#19
parent a310929e

core/css/guest.css

+8 −2
Original line number Diff line number Diff line
@@ -1815,8 +1815,14 @@ a.legal { 
    color: #ffffff;

}



/* Center the "Grant access" submit button on the loginflowv2 grant page. */

#body-login #redirect-link {

/* Center the "Grant access" submit button on the loginflowv2 grant page.

   `#submit-wrapper` is a flex container that sizes to its content (the

   fixed-width input), so its own `justify-content: center` is a no-op.

   Center the wrapper within its `<form>` parent via flex on the parent. */

#body-login #redirect-link,

#body-login #redirect-link form {

    display: flex;

    justify-content: center;

    text-align: center;

}