diff --git a/src/app/accounts/login.component.html b/src/app/accounts/login.component.html index b0817860..dd794040 100644 --- a/src/app/accounts/login.component.html +++ b/src/app/accounts/login.component.html @@ -1,96 +1,98 @@ -
- +
+ + + {{ "settings" | i18n }} + +
+
- - {{ "settings" | i18n }} - -
- -
- Bitwarden -

{{ "loginOrCreateNewAccount" | i18n }}

-
-
-
- - -
-
-
- +
+ Bitwarden +

{{ "loginOrCreateNewAccount" | i18n }}

+
+
+
+
-
- - - +
+
+ + +
+
+ + + +
+
+
+
-
- +
+ + -
- - - + +
diff --git a/src/scss/pages.scss b/src/scss/pages.scss index 844b61ca..cb91290e 100644 --- a/src/scss/pages.scss +++ b/src/scss/pages.scss @@ -139,28 +139,6 @@ } } -.login-header { - padding: 1em; - font-size: 1.2em; - .environment-urls-settings-icon { - @include themify($themes) { - color: themed("mutedColor"); - } - - span { - visibility: hidden; - } - - &:hover, - &:focus { - text-decoration: none; - - @include themify($themes) { - color: themed("primaryColor"); - } - } - } -} #sso-page { .content { width: 300px; @@ -237,3 +215,31 @@ margin-bottom: 20px; } } + +#login-page { + flex-direction: column; + + .login-header { + align-self: flex-start; + padding: 1em; + font-size: 1.2em; + .environment-urls-settings-icon { + @include themify($themes) { + color: themed("mutedColor"); + } + + span { + visibility: hidden; + } + + &:hover, + &:focus { + text-decoration: none; + + @include themify($themes) { + color: themed("primaryColor"); + } + } + } + } +}