From f88d625622a04a925f8c13e7e36e209549db6322 Mon Sep 17 00:00:00 2001
From: Anthony LC <anthony.le-courric@mail.numerique.gouv.fr>
Date: Tue, 14 May 2024 10:43:06 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(app-impress)=20move=20title=20docu?=
 =?UTF-8?q?ment=20to=20the=20top?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Move teh title document to the top of the pad editor.
We let the white card only for the pad content.
---
 .../features/pads/pad/components/PadEditor.tsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/frontend/apps/impress/src/features/pads/pad/components/PadEditor.tsx b/src/frontend/apps/impress/src/features/pads/pad/components/PadEditor.tsx
index f69e1df9..23c79c7a 100644
--- a/src/frontend/apps/impress/src/features/pads/pad/components/PadEditor.tsx
+++ b/src/frontend/apps/impress/src/features/pads/pad/components/PadEditor.tsx
@@ -1,8 +1,8 @@
 import React from 'react';
 
-import { Card, Text } from '@/components';
+import { Box, Card, Text } from '@/components';
+import { PadToolBox } from '@/features/pads/pad-tools';
 
-import { PadToolBox } from '../../pad-tools';
 import { Pad } from '../types';
 
 import { BlockNoteEditor } from './BlockNoteEditor';
@@ -14,16 +14,18 @@ interface PadEditorProps {
 export const PadEditor = ({ pad }: PadEditorProps) => {
   return (
     <>
-      <PadToolBox pad={pad} />
-      <Card
-        $margin={{ top: 'none', all: 'big' }}
-        $padding="big"
-        $css="flex:1;"
-        $overflow="auto"
+      <Box
+        $direction="row"
+        className="ml-b"
+        $align="center"
+        $justify="space-between"
       >
         <Text as="h2" $align="center">
           {pad.title}
         </Text>
+        <PadToolBox pad={pad} />
+      </Box>
+      <Card className="m-b p-b" $css="margin-top:0;flex:1;" $overflow="auto">
         <BlockNoteEditor pad={pad} />
       </Card>
     </>