From 2e8942da7cecbc8ac560e1a12c77c288d3848cdf Mon Sep 17 00:00:00 2001
From: Jackie Quach <jackiequach14@gmail.com>
Date: Tue, 7 Nov 2023 11:54:12 -0500
Subject: [PATCH] change spacing between author and card

---
 src/components/ResultsList/ResultsList.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/ResultsList/ResultsList.tsx b/src/components/ResultsList/ResultsList.tsx
index f10f81d5..a0105836 100644
--- a/src/components/ResultsList/ResultsList.tsx
+++ b/src/components/ResultsList/ResultsList.tsx
@@ -49,6 +49,7 @@ const ResultsList: React.FC<{ works: ApiWork[] }> = ({ works }) => {
             <Heading
               level="h2"
               size="heading4"
+              marginBottom="xs"
               sx={{
                 a: {
                   textDecoration: "none",
@@ -66,7 +67,9 @@ const ResultsList: React.FC<{ works: ApiWork[] }> = ({ works }) => {
             </Heading>
             <span>{EditionCardUtils.getSubtitle(work.sub_title)}</span>
             {EditionCardUtils.getAuthorsList(work.authors) && (
-              <span>By {EditionCardUtils.getAuthorsList(work.authors)} </span>
+              <Box marginBottom="xs">
+                By {EditionCardUtils.getAuthorsList(work.authors)}
+              </Box>
             )}
             <EditionCard edition={previewEdition} title={work.title} />
             <div className="editions-link">{getEditionsLinkElement(work)}</div>