From 35894385562d9e1f89c5ee1360022a13ed9d6514 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Wed, 21 Dec 2022 07:42:48 +0800
Subject: [PATCH] Fix clash of styles
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

.status got overriden 😂 (maybe I should scope the CSS or something)
---
 src/pages/notifications.css | 8 ++++----
 src/pages/notifications.jsx | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/pages/notifications.css b/src/pages/notifications.css
index 9b2c4179..199f272e 100644
--- a/src/pages/notifications.css
+++ b/src/pages/notifications.css
@@ -17,14 +17,14 @@
   opacity: 0.75;
   color: var(--text-insignificant-color);
 }
-.notification-type.favourite {
+.notification-type.notification-favourite {
   color: var(--favourite-color);
 }
-.notification-type.reblog {
+.notification-type.notification-reblog {
   color: var(--reblog-color);
 }
-.notification-type.poll,
-.notification-type.mention {
+.notification-type.notification-poll,
+.notification-type.notification-mention {
   color: var(--link-color);
 }
 
diff --git a/src/pages/notifications.jsx b/src/pages/notifications.jsx
index 23e5d772..e58f332f 100644
--- a/src/pages/notifications.jsx
+++ b/src/pages/notifications.jsx
@@ -61,7 +61,7 @@ function Notification({ notification }) {
   return (
     <>
       <div
-        class={`notification-type ${type}`}
+        class={`notification-type notification-${type}`}
         title={new Date(notification.createdAt).toLocaleString()}
       >
         <Icon