From e240d1b5aac97f7b9ee75a351cdb5dfa00163af2 Mon Sep 17 00:00:00 2001
From: Yangshun Tay <tay.yang.shun@gmail.com>
Date: Thu, 2 Apr 2020 11:14:49 +0800
Subject: [PATCH] fix(v2): blog item styling (#2498)

---
 .../src/theme/BlogPostItem/index.js                  | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.js b/packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.js
index b4f431ebe2..5640a85064 100644
--- a/packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.js
+++ b/packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.js
@@ -58,23 +58,19 @@ function BlogPostItem(props) {
           className={classnames('margin-bottom--sm', styles.blogPostTitle)}>
           {isBlogPostPage ? title : <Link to={permalink}>{title}</Link>}
         </TitleHeading>
-        <div className="margin-bottom--sm">
+        <div className="margin-vert--md">
           <time dateTime={date} className={styles.blogPostDate}>
             {month} {day}, {year}
           </time>
         </div>
-        <div className="avatar margin-bottom--md">
+        <div className="avatar margin-vert--md">
           {authorImageURL && (
             <a
-              className="avatar__photo-link"
+              className="avatar__photo-link avatar__photo"
               href={authorURL}
               target="_blank"
               rel="noreferrer noopener">
-              <img
-                className="avatar__photo"
-                src={authorImageURL}
-                alt={author}
-              />
+              <img src={authorImageURL} alt={author} />
             </a>
           )}
           <div className="avatar__intro">