refine notifications some

components/notifications.js

@@ -96,7 +96,7 @@ function NotificationLayout ({ children, type, nid, href, as, fresh }) {
 
 function NoteHeader ({ color, children, big }) {
   return (
-    <div className={`fw-bold text-${color} ${big ? '' : 'small'} d-inline-flex align-items-center pb-2`} style={{ lineHeight: '1.25' }}>
+    <div className={`fw-bold text-${color} ${big ? '' : 'small'} d-inline-block align-items-center pb-2`} style={{ lineHeight: '1.25' }}>
       {children}
     </div>
   )
@@ -227,7 +227,7 @@ function ReferralReward ({ n }) {
         {n.sources &&
           <div style={{ fontSize: '80%', color: 'var(--theme-grey)' }}>
             {n.sources.forever > 0 && <span>{numWithUnits(n.sources.forever, { abbreviate: false })} for stackers joining because of you</span>}
-            {n.sources.oneDay > 0 && <span>{n.sources.oneDay > 0 && ' \\ '}{numWithUnits(n.sources.oneDay, { abbreviate: false })} for stackers referred to content by you today</span>}
+            {n.sources.oneDay > 0 && <span>{n.sources.forever > 0 && ' \\ '}{numWithUnits(n.sources.oneDay, { abbreviate: false })} for stackers referred to content by you today</span>}
           </div>}
         <div style={{ lineHeight: '140%' }}>
           SN gives referral rewards to stackers like you for referring the top stackers daily. You refer stackers when they visit your posts, comments, profile, territory, or if they visit SN through your referral links.

components/notifications.module.css

@@ -1,6 +1,6 @@
 .fresh {
     border-radius: 0;
-    border: solid 1px var(--bs-info);
+    border: solid 1px var(--theme-note-fresh);
     border-bottom: 0;
     border-top: 0;
 }
@@ -8,13 +8,13 @@
 .fresh:not(.fresh ~ .fresh) {
     border-top-left-radius: .4rem;
     border-top-right-radius: .4rem;
-    border-top: solid 1px var(--bs-info);
+    border-top: solid 1px var(--theme-note-fresh);
 }
 
 .fresh:has(+ :not(.fresh)) {
     border-bottom-left-radius: .4rem;
     border-bottom-right-radius: .4rem;
-    border-bottom: solid 1px var(--bs-info);
+    border-bottom: solid 1px var(--theme-note-fresh);
 }
 
 .reply {

styles/globals.scss

@@ -152,6 +152,7 @@ $zindex-sticky: 900;
   --theme-linkHover: #004a72;
   --theme-linkVisited: #53758;
   --theme-note-reply: rgba(0, 0, 0, 0.04);
+  --theme-note-fresh: rgba(0, 124, 190, 0.5);
 }
 
 [data-bs-theme=dark] {
@@ -177,6 +178,7 @@ $zindex-sticky: 900;
   --theme-linkHover: #007cbe;
   --theme-linkVisited: #56798E;
   --theme-note-reply: rgba(255, 255, 255, 0.06);
+  --theme-note-fresh: rgba(0, 124, 190, 0.75);
 }
 
 @import '../node_modules/bootstrap/scss/bootstrap.scss';