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

Commit bd8d5fa8 authored by Dhruv Puri's avatar Dhruv Puri
Browse files

fix(login): center Grant access via inline-flex + text-align on parents 

Previous block-flex + margin auto didn't visibly center because the
flex container was filling the parent width and the input's
justify-content alignment alone wasn't winning. Switch to inline-flex
on #submit-wrapper so it shrinks-to-fit, and text-align center on the
parent form/p so it gets centered as inline content.

Refs ecorp/b2b/apps/workspace#19
parent 1e62c51a

core/css/guest.css

+8 −7
Original line number Diff line number Diff line
@@ -1816,15 +1816,16 @@ a.legal { 
}



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

   `#submit-wrapper` is a 260px-wide flex container; push it to the

   horizontal center with auto margins so it doesn't sit flush-left

   inside the picker-window. */

#body-login .picker-window #redirect-link {

    text-align: center;

   Make the parent paragraph + form text-align center, and switch the

   submit wrapper to inline-flex so it shrinks to button width and gets

   centered by the text-align rule. */

#body-login .picker-window #redirect-link,

#body-login .picker-window #redirect-link form {

    text-align: center !important;

}

#body-login .picker-window #submit-wrapper {

    margin-left: auto !important;

    margin-right: auto !important;

    display: inline-flex !important;

    margin: 0 auto !important;

}



@media(prefers-color-scheme: dark){