From 7bb3ed9b4a914bff0d8459fca94cc957f634b792 Mon Sep 17 00:00:00 2001
From: Adam Setch <adam.setch@outlook.com>
Date: Wed, 10 Jul 2024 20:15:32 -0400
Subject: [PATCH] fix: align center

---
 src/components/NotificationRow.tsx            |  4 ++--
 .../AccountNotifications.test.tsx.snap        | 16 ++++++-------
 .../NotificationRow.test.tsx.snap             | 24 +++++++++----------
 3 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/src/components/NotificationRow.tsx b/src/components/NotificationRow.tsx
index 5f635e214..11f6749e5 100644
--- a/src/components/NotificationRow.tsx
+++ b/src/components/NotificationRow.tsx
@@ -107,14 +107,14 @@ export const NotificationRow: FC<INotificationRow> = ({
         <NotificationHeader notification={notification} />
 
         <div
-          className="mb-1 truncate text-sm"
+          className="flex gap-1 items-center mb-1 truncate text-sm"
           role="main"
           title={notificationTitle}
         >
           {notification.subject.title}
           <span
             className={cn(
-              'text-xxs ml-1',
+              'text-xxs',
               Opacity.READ,
               !settings.showNumber && 'hidden',
             )}
diff --git a/src/components/__snapshots__/AccountNotifications.test.tsx.snap b/src/components/__snapshots__/AccountNotifications.test.tsx.snap
index cec4888c3..6a5364c54 100644
--- a/src/components/__snapshots__/AccountNotifications.test.tsx.snap
+++ b/src/components/__snapshots__/AccountNotifications.test.tsx.snap
@@ -116,13 +116,13 @@ exports[`components/AccountNotifications.tsx should render itself (github.com wi
             </span>
           </div>
           <div
-            class="mb-1 truncate text-sm"
+            class="flex gap-1 items-center mb-1 truncate text-sm"
             role="main"
             title="I am a robot and this is a test!"
           >
             I am a robot and this is a test!
             <span
-              class="text-xxs ml-1 opacity-50"
+              class="text-xxs opacity-50"
             />
           </div>
           <div
@@ -315,13 +315,13 @@ exports[`components/AccountNotifications.tsx should render itself (github.com wi
             </span>
           </div>
           <div
-            class="mb-1 truncate text-sm"
+            class="flex gap-1 items-center mb-1 truncate text-sm"
             role="main"
             title="Improve the UI"
           >
             Improve the UI
             <span
-              class="text-xxs ml-1 opacity-50"
+              class="text-xxs opacity-50"
             />
           </div>
           <div
@@ -540,13 +540,13 @@ exports[`components/AccountNotifications.tsx should render itself (github.com wi
           </span>
         </div>
         <div
-          class="mb-1 truncate text-sm"
+          class="flex gap-1 items-center mb-1 truncate text-sm"
           role="main"
           title="I am a robot and this is a test!"
         >
           I am a robot and this is a test!
           <span
-            class="text-xxs ml-1 opacity-50"
+            class="text-xxs opacity-50"
           />
         </div>
         <div
@@ -739,13 +739,13 @@ exports[`components/AccountNotifications.tsx should render itself (github.com wi
           </span>
         </div>
         <div
-          class="mb-1 truncate text-sm"
+          class="flex gap-1 items-center mb-1 truncate text-sm"
           role="main"
           title="Improve the UI"
         >
           Improve the UI
           <span
-            class="text-xxs ml-1 opacity-50"
+            class="text-xxs opacity-50"
           />
         </div>
         <div
diff --git a/src/components/__snapshots__/NotificationRow.test.tsx.snap b/src/components/__snapshots__/NotificationRow.test.tsx.snap
index c30e3a4ba..e51ae8235 100644
--- a/src/components/__snapshots__/NotificationRow.test.tsx.snap
+++ b/src/components/__snapshots__/NotificationRow.test.tsx.snap
@@ -53,13 +53,13 @@ exports[`components/NotificationRow.tsx should render itself & its children - gr
             </span>
           </div>
           <div
-            class="mb-1 truncate text-sm"
+            class="flex gap-1 items-center mb-1 truncate text-sm"
             role="main"
             title="I am a robot and this is a test!"
           >
             I am a robot and this is a test!
             <span
-              class="text-xxs ml-1 opacity-50"
+              class="text-xxs opacity-50"
             />
           </div>
           <div
@@ -255,13 +255,13 @@ exports[`components/NotificationRow.tsx should render itself & its children - gr
           </span>
         </div>
         <div
-          class="mb-1 truncate text-sm"
+          class="flex gap-1 items-center mb-1 truncate text-sm"
           role="main"
           title="I am a robot and this is a test!"
         >
           I am a robot and this is a test!
           <span
-            class="text-xxs ml-1 opacity-50"
+            class="text-xxs opacity-50"
           />
         </div>
         <div
@@ -497,13 +497,13 @@ exports[`components/NotificationRow.tsx should render itself & its children - gr
           class="flex-1 overflow-hidden overflow-ellipsis whitespace-nowrap cursor-pointer"
         >
           <div
-            class="mb-1 truncate text-sm"
+            class="flex gap-1 items-center mb-1 truncate text-sm"
             role="main"
             title="I am a robot and this is a test!"
           >
             I am a robot and this is a test!
             <span
-              class="text-xxs ml-1 opacity-50"
+              class="text-xxs opacity-50"
             />
           </div>
           <div
@@ -682,13 +682,13 @@ exports[`components/NotificationRow.tsx should render itself & its children - gr
         class="flex-1 overflow-hidden overflow-ellipsis whitespace-nowrap cursor-pointer"
       >
         <div
-          class="mb-1 truncate text-sm"
+          class="flex gap-1 items-center mb-1 truncate text-sm"
           role="main"
           title="I am a robot and this is a test!"
         >
           I am a robot and this is a test!
           <span
-            class="text-xxs ml-1 opacity-50"
+            class="text-xxs opacity-50"
           />
         </div>
         <div
@@ -924,13 +924,13 @@ exports[`components/NotificationRow.tsx should render itself & its children - hi
           class="flex-1 overflow-hidden overflow-ellipsis whitespace-nowrap cursor-pointer"
         >
           <div
-            class="mb-1 truncate text-sm"
+            class="flex gap-1 items-center mb-1 truncate text-sm"
             role="main"
             title="I am a robot and this is a test!"
           >
             I am a robot and this is a test!
             <span
-              class="text-xxs ml-1 opacity-50 hidden"
+              class="text-xxs opacity-50 hidden"
             />
           </div>
           <div
@@ -1109,13 +1109,13 @@ exports[`components/NotificationRow.tsx should render itself & its children - hi
         class="flex-1 overflow-hidden overflow-ellipsis whitespace-nowrap cursor-pointer"
       >
         <div
-          class="mb-1 truncate text-sm"
+          class="flex gap-1 items-center mb-1 truncate text-sm"
           role="main"
           title="I am a robot and this is a test!"
         >
           I am a robot and this is a test!
           <span
-            class="text-xxs ml-1 opacity-50 hidden"
+            class="text-xxs opacity-50 hidden"
           />
         </div>
         <div