SignInPageDescriptionText and Next/Back/Submit button alignment issue

[dianepana]

When switching to the paginated login screen, our description text displayed such that it was partially obscured by the Next button (and on the page to enter your password, by the Back and Sign In buttons).

I solved the issue by taking the entire submissionArea div and reparenting it from the login form to the loginArea div.

This solution depends on the introduction div getting created on the page before the submissionArea div gets reparented, otherwise I suspect the buttons will appear above the sign-in page description text. Is there a different way to fix this?

[eizedev]

I solved the issue by taking the entire submissionArea div and reparenting it from the login form to the loginArea div.

@dianepana
Thanks for you reply, i have the same issue at the moment.
Would you be so kind and write me a little more detailed where exactly you moved the submissionArea div to? My CSS knowledge is available but only very limited ;-)

Thanks in advance

[alexmellott]

@dianepana Interested in seeing how you did this as well, my CSS knowledge is pretty poor.

[eigger1202]

@dianepana I would also like to know how you fixed your issue as well. We appreciate your help.

[adurham]

Shamelessly stolen from chatGPT
// Assuming loginArea is the ID of the div where you want to reparent submissionArea
var loginAreaDiv = document.getElementById('loginArea');
var submissionAreaDiv = document.getElementById('submissionArea');

// This will move submissionAreaDiv from its current parent to be a child of loginAreaDiv
if (loginAreaDiv && submissionAreaDiv) {
loginAreaDiv.appendChild(submissionAreaDiv);
}
at the bottom of the JS file
NO idea if this is correct or not but seems to replicate what dianepana did