From c5f018e03e88b36fed41165917cd9f90e182dc7f Mon Sep 17 00:00:00 2001
From: Anthony LC <anthony.le-courric@mail.numerique.gouv.fr>
Date: Mon, 26 May 2025 15:48:33 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(frontend)=20adapt=20some=20style?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- editor block padding only when background
- increase icon shadow grid
---
 .../apps/impress/src/features/docs/doc-editor/styles.tsx       | 3 +--
 .../src/features/docs/docs-grid/components/DocsGridItem.tsx    | 2 +-
 .../src/features/docs/docs-grid/components/SimpleDocItem.tsx   | 1 +
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx b/src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx
index da02458e..a21008c2 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx
@@ -72,8 +72,7 @@ export const cssEditor = (readonly: boolean) => css`
       border-radius: var(--c--theme--spacings--3xs);
     }
 
-    .bn-block-content[data-content-type='paragraph'],
-    .bn-block-content[data-content-type='heading'] {
+    .bn-block[data-background-color] > .bn-block-content {
       padding: var(--c--theme--spacings--3xs) var(--c--theme--spacings--3xs);
       border-radius: var(--c--theme--spacings--3xs);
     }
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 e752c17b..6570d5f0 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
@@ -40,7 +40,7 @@ export const DocsGridItem = ({ doc }: DocsGridItemProps) => {
         $align="center"
         role="row"
         $gap="20px"
-        $padding={{ vertical: '2xs', horizontal: isDesktop ? 'base' : 'xs' }}
+        $padding={{ vertical: '4xs', horizontal: isDesktop ? 'base' : 'xs' }}
         $css={css`
           cursor: pointer;
           border-radius: 4px;
diff --git a/src/frontend/apps/impress/src/features/docs/docs-grid/components/SimpleDocItem.tsx b/src/frontend/apps/impress/src/features/docs/docs-grid/components/SimpleDocItem.tsx
index e4d13834..e0b17350 100644
--- a/src/frontend/apps/impress/src/features/docs/docs-grid/components/SimpleDocItem.tsx
+++ b/src/frontend/apps/impress/src/features/docs/docs-grid/components/SimpleDocItem.tsx
@@ -50,6 +50,7 @@ export const SimpleDocItem = ({
           background-color: transparent;
           filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.05));
         `}
+        $padding={`${spacingsTokens['3xs']} 0`}
       >
         {isPinned ? (
           <PinnedDocumentIcon