From e4a728b806e5544847ec3c5b7a6dc984ad66c81b Mon Sep 17 00:00:00 2001
From: Romu-C <romuald.coulaud@gmail.com>
Date: Fri, 12 Jul 2024 10:26:10 +0200
Subject: [PATCH] fix: #WB-3201 update padding on post preview to avoid 3rd
 line of the summary

---
 frontend/src/components/PostPreview/PostPreview.tsx       | 4 ++--
 frontend/src/components/PostPreview/PostPreviewFooter.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/PostPreview/PostPreview.tsx b/frontend/src/components/PostPreview/PostPreview.tsx
index a2d30d61..cd33f300 100644
--- a/frontend/src/components/PostPreview/PostPreview.tsx
+++ b/frontend/src/components/PostPreview/PostPreview.tsx
@@ -133,7 +133,7 @@ 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>
@@ -141,7 +141,7 @@ export const PostPreview = ({ post, index }: PostPreviewProps) => {
               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
index 487a5ec9..d34adda8 100644
--- 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">