From de971bb027c8db19036cff038be9d087193e33ee Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Wed, 25 Jan 2023 17:22:47 +0800
Subject: [PATCH] More formatting for recent emails

---
 packages/web/pages/settings/emails/recent.tsx | 49 ++++++++++++-------
 1 file changed, 32 insertions(+), 17 deletions(-)

diff --git a/packages/web/pages/settings/emails/recent.tsx b/packages/web/pages/settings/emails/recent.tsx
index eb7641077..6991022ca 100644
--- a/packages/web/pages/settings/emails/recent.tsx
+++ b/packages/web/pages/settings/emails/recent.tsx
@@ -17,6 +17,7 @@ import {
   useGetRecentEmailsQuery,
 } from '../../../lib/networking/queries/useGetRecentEmails'
 import Link from 'next/link'
+import { HStack } from '../../../components/elements/LayoutPrimitives'
 
 export default function RecentEmails(): JSX.Element {
   const { recentEmails, revalidate, isValidating } = useGetRecentEmailsQuery()
@@ -132,23 +133,37 @@ export default function RecentEmails(): JSX.Element {
               }}
               deleteTitle="Delete"
               sublineElement={
-                <StyledText
-                  css={{
-                    my: '5px',
-                    fontSize: '11px',
-                    a: {
-                      color: '$omnivoreCtaYellow',
-                    },
-                  }}
-                >
-                  {recentEmail.subject}
-                  {`, Received ${formattedShortDate(
-                    recentEmail.createdAt
-                  )} at `}
-                  <Link href={`/settings/emails?address=${recentEmail.to}`}>
-                    {recentEmail.to}
-                  </Link>
-                </StyledText>
+                <HStack>
+                  <StyledText
+                    css={{
+                      my: '5px',
+                      fontSize: '14px',
+                    }}
+                  >
+                    {recentEmail.subject}
+                  </StyledText>
+                  <StyledText
+                    css={{
+                      my: '5px',
+                      fontSize: '11px',
+                    }}
+                  >
+                    <Link href={`/settings/emails?address=${recentEmail.to}`}>
+                      {recentEmail.to}
+                    </Link>
+                  </StyledText>
+                  <StyledText
+                    css={{
+                      my: '5px',
+                      fontSize: '11px',
+                      a: {
+                        color: '$omnivoreCtaYellow',
+                      },
+                    }}
+                  >
+                    {formattedShortDate(recentEmail.createdAt)}
+                  </StyledText>
+                </HStack>
               }
             />
           )