From 580b60550cba503a3236347ecaf2db63076485da Mon Sep 17 00:00:00 2001
From: Eva Marco <eva.marco@kaleidos.net>
Date: Thu, 10 Apr 2025 13:53:20 +0200
Subject: [PATCH] :bug: Fix notification vertical alignment (#6272)

---
 .../main/ui/ds/notifications/shared/notification_pill.cljs    | 4 ++--
 .../main/ui/ds/notifications/shared/notification_pill.scss    | 3 +++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/main/ui/ds/notifications/shared/notification_pill.cljs b/frontend/src/app/main/ui/ds/notifications/shared/notification_pill.cljs
index f4bacee8ec..000653f026 100644
--- a/frontend/src/app/main/ui/ds/notifications/shared/notification_pill.cljs
+++ b/frontend/src/app/main/ui/ds/notifications/shared/notification_pill.cljs
@@ -37,9 +37,9 @@
   {::mf/props :obj
    ::mf/schema schema:notification-pill}
   [{:keys [level type is-html appearance detail children show-detail on-toggle-detail]}]
-  (let [class (stl/css-case :notification-pill true
-                            :appearance-neutral (= appearance :neutral)
+  (let [class (stl/css-case :appearance-neutral (= appearance :neutral)
                             :appearance-ghost (= appearance :ghost)
+                            :with-detail detail
                             :type-toast (= type :toast)
                             :type-context (= type :context)
                             :level-default  (= level :default)
diff --git a/frontend/src/app/main/ui/ds/notifications/shared/notification_pill.scss b/frontend/src/app/main/ui/ds/notifications/shared/notification_pill.scss
index febab627b0..9216f12858 100644
--- a/frontend/src/app/main/ui/ds/notifications/shared/notification_pill.scss
+++ b/frontend/src/app/main/ui/ds/notifications/shared/notification_pill.scss
@@ -88,6 +88,9 @@
   display: grid;
   max-height: 92vh;
   overflow: hidden;
+}
+
+.with-detail {
   grid-template-rows: auto 1fr;
 }