From 566b057838dc6da2962b019f2b77947006de4d49 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Sza=C5=82owski?= <michal.szalowski@gmail.com>
Date: Tue, 18 Jun 2024 09:53:33 +0200
Subject: [PATCH] fix(#1244): Fix styling of the markdowns on the slider cards

---
 .../src/components/molecules/GovernanceActionCard.tsx         | 1 +
 .../src/components/molecules/GovernanceActionCardElement.tsx  | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/govtool/frontend/src/components/molecules/GovernanceActionCard.tsx b/govtool/frontend/src/components/molecules/GovernanceActionCard.tsx
index b80fb194d..3dda9eda9 100644
--- a/govtool/frontend/src/components/molecules/GovernanceActionCard.tsx
+++ b/govtool/frontend/src/components/molecules/GovernanceActionCard.tsx
@@ -94,6 +94,7 @@ export const GovernanceActionCard: FC<ActionTypeProps> = ({ ...props }) => {
           textVariant="twoLines"
           dataTestId="governance-action-abstract"
           isSliderCard
+          isMarkdown
         />
         <GovernanceActionCardElement
           label={t("govActions.governanceActionType")}
diff --git a/govtool/frontend/src/components/molecules/GovernanceActionCardElement.tsx b/govtool/frontend/src/components/molecules/GovernanceActionCardElement.tsx
index f0a0a995b..4fc52f937 100644
--- a/govtool/frontend/src/components/molecules/GovernanceActionCardElement.tsx
+++ b/govtool/frontend/src/components/molecules/GovernanceActionCardElement.tsx
@@ -46,6 +46,8 @@ export const GovernanceActionCardElement = ({
     <Box
       data-testid={dataTestId}
       mb={marginBottom ?? isSliderCard ? "20px" : "32px"}
+      maxHeight={isSliderCard ? "72px" : "none"}
+      overflow={isSliderCard ? "hidden" : "visible"}
     >
       <Box
         sx={{
@@ -108,7 +110,7 @@ export const GovernanceActionCardElement = ({
               display: "flex",
               alignItems: "center",
               overflow: "hidden",
-              flexDirection: "column",
+              flexDirection: isMarkdown ? "column" : "row",
             }}
           >
             {isMarkdown ? (