diff --git a/daily-thought-frontend/src/components/post/Post.tsx b/daily-thought-frontend/src/components/post/Post.tsx index 9a0179a7a35fd07111ec7966ab2e08c17bcbcc98..6cff44303751b21171892a0b30e86a5ff18df183 100644 --- a/daily-thought-frontend/src/components/post/Post.tsx +++ b/daily-thought-frontend/src/components/post/Post.tsx @@ -25,7 +25,7 @@ const Post: FC<PropsWithChildren<PostProps>> = ({ return ( <div className={styles.post}> <div className={styles.header}> - <Avatar User={User}/> + <Avatar User={User} ShowInitial/> <div className={styles.headerInfo}> <div className={styles.headerUserInfo}> <p className={styles.name} >{User.FirstName} {User.LastName}</p> diff --git a/daily-thought-frontend/src/styles/Post.module.css b/daily-thought-frontend/src/styles/Post.module.css index 47f0392ba50b14735ec59ea9922e759e7016e0bb..20ed566aadcd1dabb8f03ba49234dfdf5f9c9e4f 100644 --- a/daily-thought-frontend/src/styles/Post.module.css +++ b/daily-thought-frontend/src/styles/Post.module.css @@ -13,7 +13,7 @@ flex-direction: row; align-items: center; margin-bottom: 8px; - height: 48px; + height: 56px; } .headerInfo { @@ -50,6 +50,7 @@ padding: 12px 16px; border-radius: 24px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; + margin: 0px 0px 0px 24px; } .postContent { @@ -59,7 +60,8 @@ } .postActions { - padding: 8px 8px; + padding: 0px 8px; + padding-top: 4px; display: flex; width: 100%; max-width: 200px;