Login form isn't centered

[owlet1997]

Enviroment:
Jmix version: 1.0.0-SNAPSHOT
Jmix Studio plugin version: 1.1.SNAPSHOT3156-211
IntelliJ version: IntelliJ IDEA 2021.1.1 (Community Edition)

TC:

1. Clone project
2. Run app

AR:

ER:
login form is centered

QA

1. Check default login layout with long caption and not.
2. Check previous login layout with long caption and not.

Old login template

<window xmlns="http://jmix.io/schema/ui/window"
        caption="msg://caption">

    <actions>
        <action id="submit"
                caption="msg://loginButton"
                icon="CHECK"
                shortcut="ENTER"/>
    </actions>

    <layout stylename="jmix-login-main-layout">
        <vbox id="loginWrapper" height="100%" width="100%">
            <vbox id="loginMainBox"
                  align="MIDDLE_CENTER"
                  margin="true"
                  spacing="true"
                  stylename="jmix-login-panel"
                  width="AUTO">
                <hbox id="loginTitleBox"
                      align="MIDDLE_CENTER"
                      spacing="true"
                      stylename="jmix-login-title">
                    <label id="welcomeLabel"
                           align="MIDDLE_LEFT"
                           stylename="jmix-login-caption"
                           value="msg://welcomeLabel"/>
                </hbox>

                <vbox id="loginForm"
                      spacing="true"
                      stylename="jmix-login-form">
                    <cssLayout id="loginCredentials"
                               stylename="jmix-login-credentials">
                        <textField id="usernameField"
                                   htmlName="usernameField"
                                   inputPrompt="msg://usernamePlaceholder"
                                   stylename="jmix-login-username"/>
                        <passwordField id="passwordField"
                                       autocomplete="true"
                                       htmlName="passwordField"
                                       inputPrompt="msg://passwordPlaceholder"
                                       stylename="jmix-login-password"/>
                    </cssLayout>
                    <hbox id="rememberLocalesBox"
                          stylename="jmix-login-remember-locales">
                        <checkBox id="rememberMeCheckBox"
                                  caption="msg://loginScreen.rememberMe"
                                  stylename="jmix-login-remember-me"/>
                        <comboBox id="localesField"
                                  nullOptionVisible="false"
                                  stylename="jmix-login-locale"
                                  textInputAllowed="false"/>
                    </hbox>

                    <button id="loginButton"
                            align="MIDDLE_CENTER"
                            action="submit"
                            stylename="jmix-login-submit-button"/>
                </vbox>
            </vbox>
        </vbox>
    </layout>
</window>

3. Check brand login layout with long caption and not.

[konyashkina]

Tested on
Jmix version: 1.1.0-SNAPSHOT
Jmix Studio plugin version: 1.1.SNAPSHOT3385-211
IntelliJ version: IntelliJ IDEA 2021.1.3 (Community Edition)

• a new jmix project
• the multitenancy_sample project (converted to 1.1.0-SNAPSHOT)

Verified.