From f19fa936006b6940c559178cf84c7471c4e560db Mon Sep 17 00:00:00 2001
From: Anthony LC <anthony.le-courric@mail.numerique.gouv.fr>
Date: Tue, 14 Oct 2025 11:36:42 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(frontend)=20fix=20gap=20and=20alig?=
 =?UTF-8?q?nment=20icons?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fix some gaps and alignment of the icons.
---
 .../docs/doc-editor/components/custom-blocks/PdfBlock.tsx | 8 +++++++-
 .../features/docs/doc-header/components/AlertNetwork.tsx  | 2 +-
 .../features/docs/doc-header/components/AlertPublic.tsx   | 2 +-
 .../features/docs/doc-header/components/AlertRestore.tsx  | 2 +-
 4 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/PdfBlock.tsx b/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/PdfBlock.tsx
index 6290081f..0e4667a1 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/PdfBlock.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/PdfBlock.tsx
@@ -44,7 +44,13 @@ export const PdfBlock = createReactBlockSpec(
         <Box ref={contentRef} className="bn-file-block-content-wrapper">
           <PDFBlockStyle />
           <ResizableFileBlockWrapper
-            buttonIcon={<Icon iconName="upload" />}
+            buttonIcon={
+              <Icon
+                iconName="upload"
+                $size="24px"
+                $css="line-height: normal;"
+              />
+            }
             block={block}
             editor={editor as unknown as FileBlockEditor}
             buttonText={t('Add PDF')}
diff --git a/src/frontend/apps/impress/src/features/docs/doc-header/components/AlertNetwork.tsx b/src/frontend/apps/impress/src/features/docs/doc-header/components/AlertNetwork.tsx
index dd9cb3eb..758705af 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-header/components/AlertNetwork.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-header/components/AlertNetwork.tsx
@@ -24,7 +24,7 @@ export const AlertNetwork = () => {
           $padding="xs"
           $flex={1}
           $align="center"
-          $gap={spacingsTokens['3xs']}
+          $gap={spacingsTokens['2xs']}
           $css={css`
             border: 1px solid var(--c--theme--colors--warning-300);
           `}
diff --git a/src/frontend/apps/impress/src/features/docs/doc-header/components/AlertPublic.tsx b/src/frontend/apps/impress/src/features/docs/doc-header/components/AlertPublic.tsx
index de01fa57..513fd999 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-header/components/AlertPublic.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-header/components/AlertPublic.tsx
@@ -18,7 +18,7 @@ export const AlertPublic = ({ isPublicDoc }: { isPublicDoc: boolean }) => {
       $padding="xs"
       $flex={1}
       $align="center"
-      $gap={spacingsTokens['3xs']}
+      $gap={spacingsTokens['2xs']}
       $css={css`
         border: 1px solid var(--c--theme--colors--primary-300, #e3e3fd);
       `}
diff --git a/src/frontend/apps/impress/src/features/docs/doc-header/components/AlertRestore.tsx b/src/frontend/apps/impress/src/features/docs/doc-header/components/AlertRestore.tsx
index c5043f37..236feab0 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-header/components/AlertRestore.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-header/components/AlertRestore.tsx
@@ -91,7 +91,7 @@ export const AlertRestore = ({ doc }: { doc: Doc }) => {
           $size="18px"
           variant="symbols-outlined"
         />
-        <Text $theme="danger" $variation="600" $size="s">
+        <Text $theme="danger" $variation="600" $size="s" $css="line-height:1;">
           {t('Restore')}
         </Text>
       </BoxButton>