[2600] Add a small margin at the top of a page

This helps delineate the page's tab from the content, in particular
when the page contains action buttons.

Bug: #2600
Signed-off-by: Pierre-Charles David <pierre-charles.david@obeo.fr>

CHANGELOG.adoc

@@ -196,6 +196,7 @@ The new implementation of `IEditService`, named `ComposedEditService`, tries fir
 - https://github.com/eclipse-sirius/sirius-web/issues/2595[#2595] [diagram] Call the layout on node move and resize.
 Node will not be outside of their container, nor on a node header because of a move or resize.
 - https://github.com/eclipse-sirius/sirius-web/issues/2552[#2552] [diagram] Hide the diagram palette on 'Esc'
+- https://github.com/eclipse-sirius/sirius-web/issues/2600[#2600] [form] Add a small margin at the top of a page
 
 == v2023.10.0
 

packages/forms/frontend/sirius-components-forms/src/pages/Page.tsx

@@ -1,5 +1,5 @@
 /*******************************************************************************
- * Copyright (c) 2019, 2022 Obeo.
+ * Copyright (c) 2019, 2023 Obeo.
  * This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v2.0
  * which accompanies this distribution, and is available at
@@ -21,6 +21,7 @@ const usePageStyles = makeStyles((theme) => ({
     '& > *': {
       marginBottom: theme.spacing(2),
     },
+    marginTop: theme.spacing(1),
     overflowY: 'auto',
   },
 }));