From 2a1429848c6a6a8a56f145b730db2dad3ebe8ca5 Mon Sep 17 00:00:00 2001
From: Luke <sabolukas03@gmail.com>
Date: Fri, 13 Jan 2023 17:21:01 +0100
Subject: [PATCH] refactor(web/notifications): adjust line height and icon size

---
 web/src/features/notifications/NotificationWrapper.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/web/src/features/notifications/NotificationWrapper.tsx b/web/src/features/notifications/NotificationWrapper.tsx
index 1ab7358..2b36dde 100644
--- a/web/src/features/notifications/NotificationWrapper.tsx
+++ b/web/src/features/notifications/NotificationWrapper.tsx
@@ -41,16 +41,19 @@ const useStyles = createStyles((theme) => ({
   },
   title: {
     fontWeight: 500,
+    lineHeight: 'normal',
   },
   description: {
     fontSize: 12,
     color: theme.colors.dark[2],
     fontFamily: 'Roboto',
+    lineHeight: 'normal',
   },
   descriptionOnly: {
     fontSize: 14,
     color: theme.colors.dark[2],
     fontFamily: 'Roboto',
+    lineHeight: 'normal',
   },
 }));
 
@@ -168,7 +171,7 @@ const Notifications: React.FC = () => {
                   <Avatar
                     color={data.type === 'error' ? 'red' : data.type === 'success' ? 'teal' : 'blue'}
                     radius="xl"
-                    size={(data.title && !data.description) || (data.description && !data.title) ? 28 : undefined}
+                    size={32}
                   >
                     <FontAwesomeIcon icon={data.icon} fixedWidth size="lg" />
                   </Avatar>