From b93b43abe8b4918ad0153aa1496628b7163c613f Mon Sep 17 00:00:00 2001
From: Nathan Panchout <nathanpanchout@hotmail.com>
Date: Tue, 28 Jan 2025 09:23:01 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(frontend)=20improve=20DocsGridItem?=
 =?UTF-8?q?=20responsive=20padding?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Adjusted padding and alignment for desktop and mobile views
- Conditionally applied CSS styles based on screen size
---
 CHANGELOG.md                                         |  1 +
 .../docs/docs-grid/components/DocsGridItem.tsx       | 12 ++++++++----
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 99a5cb8b..51e2bc5b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -19,6 +19,7 @@ and this project adheres to
 ## Changed
 
 - 💄(frontend) add abilities on doc row #581
+- 💄(frontend) improve DocsGridItem responsive padding  #582
 
 
 ## [2.0.1] - 2025-01-17
diff --git a/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridItem.tsx b/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridItem.tsx
index 4f37068d..e23c51f0 100644
--- a/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridItem.tsx
+++ b/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridItem.tsx
@@ -68,10 +68,14 @@ export const DocsGridItem = ({ doc }: DocsGridItemProps) => {
             <SimpleDocItem isPinned={doc.is_favorite} doc={doc} />
             {showAccesses && (
               <Box
-                $padding={{ top: '3xs' }}
-                $css={css`
-                  align-self: flex-start;
-                `}
+                $padding={{ top: !isDesktop ? '4xs' : undefined }}
+                $css={
+                  !isDesktop
+                    ? css`
+                        align-self: flex-start;
+                      `
+                    : undefined
+                }
               >
                 <Tooltip
                   content={