From 0bc4a89b11b5b7d56aed7b6979341a5711705dc4 Mon Sep 17 00:00:00 2001
From: ledouxm <martin.ledoux.pro@gmail.com>
Date: Mon, 12 Aug 2024 09:34:37 +0200
Subject: [PATCH] feat: display report item on 3 rows

---
 packages/frontend/src/features/ReportList.tsx | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/packages/frontend/src/features/ReportList.tsx b/packages/frontend/src/features/ReportList.tsx
index 59e817bd..749e0ddd 100644
--- a/packages/frontend/src/features/ReportList.tsx
+++ b/packages/frontend/src/features/ReportList.tsx
@@ -197,8 +197,6 @@ const ReportListItem = ({
   const forText = report.applicantName ? uppercaseFirstLetterIf(`pour ${report.applicantName}`, !whereText) : null;
   const byText = uppercaseFirstLetterIf(`par ${report.redactedBy ?? report.user?.name ?? ""}`, !whereText && !forText);
 
-  const description = [whereText, forText, byText].filter(Boolean).join(" ");
-
   return (
     <Flex position="relative" direction="column" w="100%">
       <Link
@@ -228,9 +226,9 @@ const ReportListItem = ({
               <styled.span ml={"5px"}>{new Date(report.meetDate).toLocaleDateString()}</styled.span>
             ) : null}
           </Flex>
-          <styled.div lineClamp={2}>
-            <styled.span>{description}</styled.span>
-          </styled.div>
+          <styled.div nowrap>{whereText}</styled.div>
+          <styled.div nowrap>{forText}</styled.div>
+          <styled.div nowrap>{byText}</styled.div>
           <styled.div mt="8px">
             <ReportBadge status={report.pdf ? "published" : "draft"} />
           </styled.div>