Mep (#35)

* fix: display correct status

* fix: edit banner spacings

* feat: set edit banner sticky on mobile

* fix: return arrow size

* feat: set menu title position to sticky

* fix: some styles

* fix: simplify header

* fix: show reports on 2 columns from 6 items

* feat: add info messages

* feat: display report item on 3 rows

* fix: new colors

* fix: informative message mb

* fix: set printable colors

* fix(pdf): set header sticky on desktop

* fix: recipients textarea styles

* fix: menu header padding and more

* fix: remove *

* fix: form labels

* fix: date picker

* fix: margins

* gitignore

* fix: pdf styles can now be italic and bold

* fix: align tab title with content on firefox

* fix: report search columns styles

* fix: more report search styles

packages/frontend/src/components/ReportSearch.tsx

@@ -89,23 +89,25 @@ export const SearchResults = ({ search, hideEmpty }: { search: string; hideEmpty
 
   return (
     <Center w="100%">
-      <Stack flexDir={{ base: "column", lg: "row" }} w="100%" mt="24px">
+      <Stack flexDir={{ base: "column", lg: "row" }} w={{ base: "100%", lg: "unset" }} mt="24px">
         {myReports.length ? (
-          <Stack maxW={{ base: "100%", lg: "400px" }}>
+          <Stack>
             <styled.div mb="16px" fontSize="20px" fontWeight="bold">
               Mes compte-rendus :
             </styled.div>
             <ReportList hidePagination hideEmpty={hideEmpty} reports={myReports ?? []} />
           </Stack>
         ) : null}
-        {otherReports.length ? (
-          <Stack maxW={{ base: "100%", lg: "400px" }}>
-            <styled.div mb="16px" fontSize="20px" fontWeight="bold">
-              Compte-rendus UDAP :
-            </styled.div>
-            <ReportList hidePagination hideEmpty={hideEmpty} reports={otherReports ?? []} />
-          </Stack>
-        ) : null}
+        <Stack>
+          {otherReports.length ? (
+            <>
+              <styled.div mb="16px" fontSize="20px" fontWeight="bold">
+                Compte-rendus UDAP :
+              </styled.div>
+              <ReportList hidePagination hideEmpty={hideEmpty} reports={otherReports ?? []} />
+            </>
+          ) : null}
+        </Stack>
       </Stack>
     </Center>
   );