diff --git a/apps/client/src/stylesheets/theme-next/base.css b/apps/client/src/stylesheets/theme-next/base.css index 660c824d2..f213d98c1 100644 --- a/apps/client/src/stylesheets/theme-next/base.css +++ b/apps/client/src/stylesheets/theme-next/base.css @@ -327,23 +327,21 @@ li.dropdown-item a.dropdown-item-button:focus-visible { --modal-control-button-color: var(--bs-toast-color); display: flex; - flex-direction: row-reverse; + flex-direction: column; backdrop-filter: blur(6px); } #toast-container .toast .toast-header { - padding: 0 !important; background: transparent !important; border-bottom: none; } -#toast-container .toast .toast-header strong { - /* The title of the toast is no longer displayed */ - display: none; +#toast-container .toast .toast-header strong > * { + vertical-align: middle; } #toast-container .toast .toast-header .btn-close { - margin: 0 var(--bs-toast-padding-x) 0 12px; + margin: 0 0 0 12px; } @@ -351,6 +349,7 @@ li.dropdown-item a.dropdown-item-button:focus-visible { flex-grow: 1; overflow: hidden; text-overflow: ellipsis; + padding-top: 0; } /*