From ed1d475a1270e660265876df4559499470ca2ff9 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Mon, 20 Mar 2023 23:07:21 +0800
Subject: [PATCH] Fix .status conflicting with .notification.status

Naming is hard
---
 src/pages/notifications.css | 2 +-
 src/pages/notifications.jsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/notifications.css b/src/pages/notifications.css
index 2a33c215..0782e7b6 100644
--- a/src/pages/notifications.css
+++ b/src/pages/notifications.css
@@ -4,7 +4,7 @@
   gap: 12px;
   animation: appear 0.2s ease-out;
 }
-.notification.mention {
+.notification.notification-mention {
   margin-top: 16px;
 }
 .only-mentions .notification:not(.mention),
diff --git a/src/pages/notifications.jsx b/src/pages/notifications.jsx
index 739ea1f9..ad82177a 100644
--- a/src/pages/notifications.jsx
+++ b/src/pages/notifications.jsx
@@ -318,7 +318,7 @@ function Notification({ notification, instance }) {
       : contentText[type];
 
   return (
-    <div class={`notification ${type}`} tabIndex="0">
+    <div class={`notification notification-${type}`} tabIndex="0">
       <div
         class={`notification-type notification-${type}`}
         title={new Date(notification.createdAt).toLocaleString()}