diff --git a/frontend/src/app/main/ui/auth/common.scss b/frontend/src/app/main/ui/auth/common.scss index 0075c7f14..0a018fb77 100644 --- a/frontend/src/app/main/ui/auth/common.scss +++ b/frontend/src/app/main/ui/auth/common.scss @@ -58,7 +58,6 @@ width: 100%; } -.demo-account, .go-back { display: flex; flex-direction: column; @@ -67,7 +66,6 @@ border-block-start: none; } -.demo-account-link, .go-back-link { @extend .button-secondary; @include uppercaseTitleTipography; @@ -81,7 +79,8 @@ .register, .account, -.recovery-request { +.recovery-request, +.demo-account { display: flex; justify-content: center; gap: $s-8; @@ -90,7 +89,8 @@ .register-text, .account-text, -.recovery-text { +.recovery-text, +.demo-account-text { @include smallTitleTipography; text-align: right; color: var(--title-foreground-color); @@ -99,7 +99,8 @@ .register-link, .account-link, .recovery-link, -.forgot-pass-link { +.forgot-pass-link, +.demo-account-link { @include smallTitleTipography; text-align: left; background-color: transparent; diff --git a/frontend/src/app/main/ui/auth/login.cljs b/frontend/src/app/main/ui/auth/login.cljs index ac3f2e470..5c9792d7e 100644 --- a/frontend/src/app/main/ui/auth/login.cljs +++ b/frontend/src/app/main/ui/auth/login.cljs @@ -300,11 +300,13 @@ [:& lk/link {:action go-register :class (stl/css :register-link) :data-test "register-submit"} - (tr "auth.register-submit")]])] + (tr "auth.register-submit")]]) - (when (contains? cf/flags :demo-users) - [:div {:class (stl/css :link-entry :demo-account)} - [:span (tr "auth.create-demo-profile") " "] - [:& lk/link {:action create-demo-profile - :data-test "demo-account-link"} - (tr "auth.create-demo-account")]])])) + (when (contains? cf/flags :demo-users) + [:div {:class (stl/css :demo-account)} + [:span {:class (stl/css :demo-account-text)} + (tr "auth.create-demo-profile") " "] + [:& lk/link {:action create-demo-profile + :class (stl/css :demo-account-link) + :data-test "demo-account-link"} + (tr "auth.create-demo-account")]])]]))