fix: #WB-3201 update padding on post preview to avoid 3rd line of the…

… summary
edificeio · Jul 12, 2024 · e4a728b · e4a728b
1 parent 59db466
commit e4a728b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/frontend/src/components/PostPreview/PostPreview.tsx b/frontend/src/components/PostPreview/PostPreview.tsx
@@ -133,15 +133,15 @@ export const PostPreview = ({ post, index }: PostPreviewProps) => {
               onClick={handleClickGoDetail}
               tabIndex={-1}
               role="button"
-              className="flex-fill text-truncate text-truncate-2 post-preview-content py-16"
+              className="flex-fill text-truncate text-truncate-2 post-preview-content pt-16"
             >
               {summaryContentPlain}
             </div>
             <div
               onClick={handleClickGoDetail}
               tabIndex={-1}
               role="button"
-              className="d-flex align-items-center justify-content-center gap-24 mx-32 pb-16"
+              className="d-flex align-items-center justify-content-center gap-24 px-32 pt-16"
             >
               {mediaURLs
                 .slice(0, MAX_NUMBER_MEDIA_DISPLAY)

diff --git a/frontend/src/components/PostPreview/PostPreviewFooter.tsx b/frontend/src/components/PostPreview/PostPreviewFooter.tsx
@@ -81,7 +81,7 @@ export const PostPreviewFooter = ({ post }: PostPreviewFooterProps) => {
   const showViews = creator || manager;
 
   return (
-    <div>
+    <div className="pt-16">
       <div className="d-flex align-items-center pb-4">
         {showAudience && !!postsReactionsSummary?.[post._id] && (
           <div className="post-footer-element">