From 928108e96c048c0e42cecd3dd3e644e7bc4482bd Mon Sep 17 00:00:00 2001
From: Mehak Nasir <mehaknasir94@gmail.com>
Date: Thu, 5 Jan 2023 16:23:29 +0500
Subject: [PATCH] style: username space issue post summary

---
 src/discussions/common/AuthorLabel.jsx           | 2 +-
 src/discussions/posts/post/PostHeader.jsx        | 4 ++--
 src/discussions/posts/post/PostLink.jsx          | 3 +--
 src/discussions/posts/post/PostSummaryFooter.jsx | 2 +-
 4 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/discussions/common/AuthorLabel.jsx b/src/discussions/common/AuthorLabel.jsx
index e3ea2c60..6a4e67c1 100644
--- a/src/discussions/common/AuthorLabel.jsx
+++ b/src/discussions/common/AuthorLabel.jsx
@@ -38,7 +38,7 @@ function AuthorLabel({
 
   const isRetiredUser = author ? author.startsWith('retired__user') : false;
 
-  const className = classNames('d-flex align-items-center', labelColor);
+  const className = classNames('d-flex align-items-center mb-0.5', labelColor);
 
   const showUserNameAsLink = useShowLearnersTab()
       && linkToProfile && author && author !== intl.formatMessage(messages.anonymous);
diff --git a/src/discussions/posts/post/PostHeader.jsx b/src/discussions/posts/post/PostHeader.jsx
index a747401e..e0915861 100644
--- a/src/discussions/posts/post/PostHeader.jsx
+++ b/src/discussions/posts/post/PostHeader.jsx
@@ -22,11 +22,11 @@ export function PostAvatar({
   const outlineColor = AvatarOutlineAndLabelColors[authorLabel];
 
   const avatarSize = useMemo(() => {
-    let size = '1.75rem';
+    let size = '2rem';
     if (post.type === ThreadType.DISCUSSION && !fromPostLink) {
       size = '2.375rem';
     } else if (post.type === ThreadType.QUESTION) {
-      size = '1.375rem';
+      size = '1.5rem';
     }
     return size;
   }, [post.type]);
diff --git a/src/discussions/posts/post/PostLink.jsx b/src/discussions/posts/post/PostLink.jsx
index 696ec2a5..5feadbc7 100644
--- a/src/discussions/posts/post/PostLink.jsx
+++ b/src/discussions/posts/post/PostLink.jsx
@@ -66,11 +66,10 @@ function PostLink({
               { 'bg-light-300': read },
               { 'post-summary-card-selected': post.id === postId })
           }
-          style={{ height: '87px' }}
         >
           <PostAvatar post={post} authorLabel={post.authorLabel} fromPostLink read={read} />
           <div className="d-flex flex-column flex-fill" style={{ minWidth: 0 }}>
-            <div className="d-flex flex-column justify-content-start mw-100 flex-fill">
+            <div className="d-flex flex-column justify-content-start mw-100 flex-fill" style={{ marginBottom: '-3px' }}>
               <div className="d-flex align-items-center pb-0 mb-0 flex-fill font-weight-500">
                 <Truncate lines={1} className="mr-1.5" whiteSpace>
                   <span
diff --git a/src/discussions/posts/post/PostSummaryFooter.jsx b/src/discussions/posts/post/PostSummaryFooter.jsx
index 1c1a0558..302eaa9b 100644
--- a/src/discussions/posts/post/PostSummaryFooter.jsx
+++ b/src/discussions/posts/post/PostSummaryFooter.jsx
@@ -34,7 +34,7 @@ function PostSummaryFooter({
   timeago.register('time-locale', timeLocale);
 
   return (
-    <div className="d-flex align-items-center text-gray-700" style={{ lineHeight: '20px' }}>
+    <div className="d-flex align-items-center text-gray-700">
       <div className="d-flex align-items-center mr-4.5">
         <OverlayTrigger
           overlay={(