From 36600bc0c7d525129274ce1716e593dbee206b06 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Samy=20Pess=C3=A9?= <samypesse@gmail.com>
Date: Tue, 2 Apr 2024 23:10:59 +0100
Subject: [PATCH] Fix styling for cards when no cover is defined (#2261)

---
 src/components/DocumentView/Table/RecordCard.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/DocumentView/Table/RecordCard.tsx b/src/components/DocumentView/Table/RecordCard.tsx
index 97ac4ec80..c504a828d 100644
--- a/src/components/DocumentView/Table/RecordCard.tsx
+++ b/src/components/DocumentView/Table/RecordCard.tsx
@@ -33,10 +33,7 @@ export async function RecordCard(
                 'z-0',
                 'relative',
                 'grid',
-                'grid-cols-[40%,_1fr]',
                 'bg-light',
-                'min-[432px]:grid-cols-none',
-                'min-[432px]:grid-rows-[auto,1fr]',
                 'w-[calc(100%+2px)]',
                 'h-[calc(100%+2px)]',
                 'inset-[-1px]',
@@ -44,6 +41,14 @@ export async function RecordCard(
                 'straight-corners:rounded-none',
                 'overflow-hidden',
                 'dark:bg-dark',
+                cover
+                    ? [
+                          // On mobile, the cover is displayed on the left with 40% of the width
+                          'grid-cols-[40%,_1fr]',
+                          'min-[432px]:grid-cols-none',
+                          'min-[432px]:grid-rows-[auto,1fr]',
+                      ]
+                    : null,
             )}
         >
             {cover ? (