From 73129b5e8dfec4b4c1ce2742cb18e77feea4c0dc Mon Sep 17 00:00:00 2001
From: Nicolai Pavliuc <pavliuc75@gmail.com>
Date: Wed, 6 Nov 2024 11:20:49 +0100
Subject: [PATCH] Fix css for study description (#30)

---
 src/pages/Studies/StudyCard/styles.ts | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/pages/Studies/StudyCard/styles.ts b/src/pages/Studies/StudyCard/styles.ts
index ae6fc2b..32bda3e 100644
--- a/src/pages/Studies/StudyCard/styles.ts
+++ b/src/pages/Studies/StudyCard/styles.ts
@@ -29,9 +29,14 @@ export const ContentWrapper = styled("div")(({ theme }) => ({
 
 export const CardDescription = styled(Typography)(({ theme }) => ({
   color: theme.palette.text.primary,
-  display: "flex",
   textAlign: "left",
   marginTop: 16,
+  display: "-webkit-box",
+  WebkitLineClamp: 7,
+  WebkitBoxOrient: "vertical",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  wordBreak: "break-word",
 }));
 
 export const CardTitle = styled(Typography)(({ theme }) => ({
@@ -56,6 +61,7 @@ export const InfoContainer = styled("div")({
   flexDirection: "column",
   height: "100%",
   width: "100%",
+  minWidth: 0,
   paddingLeft: 12,
 });