Fix for no margin between author name and date

Seneca-CDOT · Oct 4, 2021 · 5d3569b · 5d3569b
1 parent 572d650
commit 5d3569b
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/web/src/components/Posts/PostInfo.tsx b/src/web/src/components/Posts/PostInfo.tsx
@@ -31,7 +31,6 @@ const useStyles = makeStyles((theme: Theme) =>
     },
     authorNameContainer: {
       width: '100%',
-      height: '3rem',
       marginLeft: '1rem',
     },
     author: {
@@ -49,6 +48,9 @@ const useStyles = makeStyles((theme: Theme) =>
         textDecorationLine: 'underline',
       },
     },
+    postDate: {
+      lineHeight: '1rem',
+    },
     published: {
       marginLeft: '1rem',
       fontSize: '1.2em',
@@ -84,7 +86,7 @@ const PostDesktopInfo = ({ authorName, postDate, blogUrl, postUrl }: Props) => {
           </a>
         </p>
       </div>
-      <div>
+      <div className={classes.postDate}>
         <a href={postUrl} rel="bookmark" className={classes.published}>
           <time className={classes.time} dateTime={postDate}>
             {postDate}