From cdd02caa2eea1af962205212f6f1cecd86c9a257 Mon Sep 17 00:00:00 2001
From: "francois.ancien" <francois.ancien@uni.lu>
Date: Mon, 20 Nov 2023 14:56:00 +0100
Subject: [PATCH] Correcting display of accordion toggles

---
 notification/static/notification/css/notification.css  |  1 +
 .../components/notification/notification_card.tsx      | 10 ++++------
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/notification/static/notification/css/notification.css b/notification/static/notification/css/notification.css
index 8e1053e5..e9b4f344 100644
--- a/notification/static/notification/css/notification.css
+++ b/notification/static/notification/css/notification.css
@@ -20,6 +20,7 @@
 .accordion-toggle {
     position: absolute;
     right: 15px;
+    bottom: 0.5rem;
 
     & i.material-icons {
         font-size: 36px;
diff --git a/web/static/vendor/components/notification/notification_card.tsx b/web/static/vendor/components/notification/notification_card.tsx
index 7b810938..fdd89bd9 100644
--- a/web/static/vendor/components/notification/notification_card.tsx
+++ b/web/static/vendor/components/notification/notification_card.tsx
@@ -40,12 +40,10 @@ const NotificationHeader = ({className, category, newNotifications, showDismissN
                 }
             </div>
             <div className={"accordion-toggle"}>
-                <h1>
-                    {isCollapsed ?
-                        <i className={"material-icons"}>expand_less</i> :
-                        <i className={"material-icons"}>expand_more</i>
-                    }
-                </h1>
+                {isCollapsed ?
+                    <i className={"material-icons"}>expand_less</i> :
+                    <i className={"material-icons"}>expand_more</i>
+                }
             </div>
         </div>
     );