Correcting display of accordion toggles

elixir-luxembourg · Nov 20, 2023 · cdd02ca · cdd02ca
1 parent 1985fdd
commit cdd02ca
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git 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
@@ -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>
     );