add spacing between like count in image posts

Sebastian-Webster · Sep 18, 2022 · bd8d291 · bd8d291
1 parent b9d6521
commit bd8d291
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/frontend/src/components/ImagePost.js b/frontend/src/components/ImagePost.js
@@ -181,6 +181,7 @@ const ImagePost = ({title, body, datePosted, image, previewImage, liked, publicI
                             </>
                         :
                             <>
+                                <br/>
                                 <div style={{display: 'flex', justifyContent: 'left', alignItems: 'center'}}>
                                     <FontAwesomeIcon 
                                         icon={liked ? fasHeart : farHeart}
@@ -189,6 +190,7 @@ const ImagePost = ({title, body, datePosted, image, previewImage, liked, publicI
                                     />
                                     <h3 style={{margin: 0, marginLeft: 10}}>{likeCount} {likeCount === 1 ? 'like' : 'likes'}</h3>
                                 </div>
+                                <br/>
                                 <h4 style={{marginTop: 10, marginBottom: 5}}>Posted {calculateDifferenceBetweenNowAndUTCMillisecondsTime(datePosted)}</h4>
                                 {edited && <h4 style={{margin: 0}}>Edited {calculateDifferenceBetweenNowAndUTCMillisecondsTime(dateEdited)}</h4>}
                             </>