From d1fc5a7c45c53f665fdb4dfdecfc985e714a3dbb Mon Sep 17 00:00:00 2001
From: Soxasora <sora@soxa.dev>
Date: Tue, 4 Feb 2025 21:16:27 +0100
Subject: [PATCH] cleanup; fix UI

---
 components/notifications.js | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/components/notifications.js b/components/notifications.js
index 36f18794e..dc4589f8a 100644
--- a/components/notifications.js
+++ b/components/notifications.js
@@ -528,17 +528,18 @@ function WithdrawlPaid ({ n }) {
 }
 
 function Referral ({ n }) {
-  let referralSource
+  let referralSource = 'of you'
   if (n.source.item) referralSource = 'you shared this post'
   if (n.source.sub) referralSource = 'you shared ~' + n.source.sub.name + ' territory'
   if (n.source.profile) referralSource = 'you shared ' + n.source.profile.name + '\'s profile'
-  if (!referralSource) referralSource = 'of you'
   return (
-    <small className='fw-bold text-success'>
-      <UserAdd className='fill-success me-2' height={21} width={21} style={{ transform: 'rotateY(180deg)' }} />someone joined SN because {referralSource}
-      <small className='text-muted ms-1 fw-normal' suppressHydrationWarning>{timeSince(new Date(n.sortTime))}</small>
-      {n.source.item && <NoteItem item={n.source.item} />}
-    </small>
+    <>
+      <small className='fw-bold text-success'>
+        <UserAdd className='fill-success me-2' height={21} width={21} style={{ transform: 'rotateY(180deg)' }} />someone joined SN because {referralSource}
+        <small className='text-muted ms-1 fw-normal' suppressHydrationWarning>{timeSince(new Date(n.sortTime))}</small>
+      </small>
+      {n.source.item && <NoteItem itemClassName='ms-1 pt-2' item={n.source.item} />}
+    </>
   )
 }