From 782bb53784c60bbf8ac60b69153e128d9f0e43dd Mon Sep 17 00:00:00 2001 From: Will Miao Date: Sat, 5 Sep 2026 07:23:54 +0800 Subject: [PATCH] fix(ui): restore equal-width toasts in toast container Commit 86aa1d80 added align-items: flex-end to .toast-container and dropped the .toast min-width to 200px. With flex-end alignment each toast now shrinks to its own content width, so toasts of different message lengths render at inconsistent widths. Drop the align-items override so the container falls back to stretch, giving every toast a single shared width as before the change. --- static/css/components/toast.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/static/css/components/toast.css b/static/css/components/toast.css index 008c3270..b13bd08e 100644 --- a/static/css/components/toast.css +++ b/static/css/components/toast.css @@ -174,7 +174,7 @@ z-index: var(--z-toast); display: flex; flex-direction: column; - align-items: flex-end; + /* No align-items (defaults to stretch) so every toast shares one equal width */ gap: 10px; padding: 8px 20px 0; /* Small breathing room below the header */ pointer-events: none; /* Allow clicking through the container */