diff --git a/app/frontend/stylesheets/snippets/auth.scss b/app/frontend/stylesheets/snippets/auth.scss index 138a4ce..6f30cf8 100644 --- a/app/frontend/stylesheets/snippets/auth.scss +++ b/app/frontend/stylesheets/snippets/auth.scss @@ -5,7 +5,7 @@ flex-direction: column; align-items: center; justify-content: center; - min-height: 100vh; + flex: 1; padding: 2rem 1rem; background: #f5f5f5; @@ -170,26 +170,23 @@ } } -// Hide brand component in auth layout .auth-layout { + display: flex; + flex-direction: column; + min-height: 100vh; + .brand { display: none; } - - // Flash wrapper for auth layout + .auth-flash-wrapper { - position: absolute; - top: 0; - left: 0; - right: 0; + flex-shrink: 0; padding: 2rem 1rem 0; - pointer-events: none; - + .banner { max-width: 640px; margin-left: auto; margin-right: auto; - pointer-events: auto; } } } diff --git a/app/frontend/stylesheets/snippets/borders.scss b/app/frontend/stylesheets/snippets/borders.scss index d99f052..656dcfc 100644 --- a/app/frontend/stylesheets/snippets/borders.scss +++ b/app/frontend/stylesheets/snippets/borders.scss @@ -13,7 +13,7 @@ } &.development { - border: 5px dashed #00FF00; + border: 5px dashed #ff00c8; } &.uat { diff --git a/app/views/shared/_async_flash.erb b/app/views/shared/_async_flash.erb index 85d2248..e83f95a 100644 --- a/app/views/shared/_async_flash.erb +++ b/app/views/shared/_async_flash.erb @@ -9,7 +9,7 @@ else 'info' end %> <% auto_dismiss = [:success, :notice, :info].include?(type.to_sym) %> -