From 3f7e684796a6e6a8ca033fae681f7f83fcdd55d9 Mon Sep 17 00:00:00 2001
From: Jan <github@janr.xyz>
Date: Thu, 18 Jan 2024 12:41:05 +0100
Subject: [PATCH] fix: notification card title layout (#85)

Signed-off-by: Jan <github@janr.xyz>
---
 packages/app/components/InboxNotificationRowCard.tsx          | 4 ++--
 .../app/features/notifications/NotificationInboxScreen.tsx    | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/app/components/InboxNotificationRowCard.tsx b/packages/app/components/InboxNotificationRowCard.tsx
index 4a188c27..dd067bbf 100644
--- a/packages/app/components/InboxNotificationRowCard.tsx
+++ b/packages/app/components/InboxNotificationRowCard.tsx
@@ -22,10 +22,10 @@ export default function InboxNotificationRowCard({
       >
         <XStack bg="$grey-700" h="$5" w="$5" br="$2" />
         <YStack jc="space-between">
-          <Paragraph variant="sub" secondary fontSize="$1">
+          <Paragraph variant="sub" numberOfLines={1} opacity={0.8}>
             {description}
           </Paragraph>
-          <Heading variant="h3" numberOfLines={1} fontSize="$6">
+          <Heading variant="h3" numberOfLines={1} size="$4">
             {title}
           </Heading>
         </YStack>
diff --git a/packages/app/features/notifications/NotificationInboxScreen.tsx b/packages/app/features/notifications/NotificationInboxScreen.tsx
index 060fe8e4..9bcf1960 100644
--- a/packages/app/features/notifications/NotificationInboxScreen.tsx
+++ b/packages/app/features/notifications/NotificationInboxScreen.tsx
@@ -17,7 +17,7 @@ export function NotificationInboxScreen() {
         <ScrollView px="$4" pt="$2">
           <YStack width="100%" overflow="hidden" g="md">
             {inboxNotifications.map((notification) => {
-              let description = ` ${
+              let description = `${
                 notification.type === 'CredentialRecord' ? 'Credential offer' : 'Data request'
               }`
               if (notification.contactLabel) {