From efd4915300fb49657cc3157051c33490f17072e8 Mon Sep 17 00:00:00 2001
From: Matt Roberts <roberts.mattroberts@gmail.com>
Date: Tue, 1 Oct 2024 15:43:07 +0100
Subject: [PATCH] Some minor changes to the styles

---
 public/assets/styles/utility/text.scss      | 5 +++++
 public/components/NotificationIndicator.tsx | 6 +++---
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/public/assets/styles/utility/text.scss b/public/assets/styles/utility/text.scss
index 0f54445f7..9cc2fc946 100644
--- a/public/assets/styles/utility/text.scss
+++ b/public/assets/styles/utility/text.scss
@@ -30,6 +30,11 @@ pre:last-child {
   font-weight: get("font.weight.medium");
 }
 
+.text-subtitle {
+  font-size: get("font.size.base");
+  font-weight: get("font.weight.medium");
+}
+
 .text-body {
   font-size: get("font.size.base");
 }
diff --git a/public/components/NotificationIndicator.tsx b/public/components/NotificationIndicator.tsx
index f971d88b6..bd087ea95 100644
--- a/public/components/NotificationIndicator.tsx
+++ b/public/components/NotificationIndicator.tsx
@@ -16,7 +16,7 @@ export const NotificationItem = ({ notification }: { notification: Notification
   }
 
   return (
-    <HStack spacing={4} className="px-3 clickable hover py-2" onClick={openNotification}>
+    <HStack spacing={4} className="px-3 pr-5 clickable hover py-2" onClick={openNotification}>
       <Avatar user={{ name: notification.authorName, avatarURL: notification.avatarURL }} />
       <div>
         <Markdown className="c-notification-indicator-text" text={notification.title} style="full" />
@@ -88,7 +88,7 @@ export const NotificationIndicator = () => {
           <>
             {unread !== undefined && unread?.length > 0 ? (
               <>
-                <p className="text-title px-4 mt-2">Unread notifications</p>
+                <p className="text-subtitle px-4 mt-2 mb-0">Unread notifications</p>
                 <VStack spacing={2} className="py-3 mb-2 no-lastchild-paddingzero" divide={true}>
                   {unread.map((n) => (
                     <NotificationItem key={n.id} notification={n} />
@@ -100,7 +100,7 @@ export const NotificationIndicator = () => {
             )}
             {recent !== undefined && recent?.length > 0 && (
               <>
-                <p className="text-title px-4">Previous notifications</p>
+                <p className="text-subtitle px-4 mb-0">Previous notifications</p>
                 <VStack spacing={2} className="py-2 no-lastchild-paddingzero" divide={true}>
                   {recent.map((n) => (
                     <NotificationItem key={n.id} notification={n} />