From 07db499cbf1d6d0979221eaf2fc7a59051c384a7 Mon Sep 17 00:00:00 2001
From: Ruben van Leeuwen <ruben.vanleeuwen@surf.nl>
Date: Tue, 21 May 2024 11:21:23 +0200
Subject: [PATCH] 947: Smaal layout improvement

---
 pages/example-form.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/pages/example-form.tsx b/pages/example-form.tsx
index 6c62959..5bde2a1 100644
--- a/pages/example-form.tsx
+++ b/pages/example-form.tsx
@@ -7,13 +7,13 @@ import {
     EuiFlexItem,
     EuiPageHeader,
     EuiSpacer,
+    EuiText,
 } from '@elastic/eui';
 import {
     WfoJsonCodeBlock,
     WfoUserInputForm,
 } from '@orchestrator-ui/orchestrator-ui-components';
 import type { InputForm } from '@orchestrator-ui/orchestrator-ui-components';
-import { PROCESSES_ENDPOINT } from '@orchestrator-ui/orchestrator-ui-components';
 
 export function ExampleFormPage() {
     const router = useRouter();
@@ -132,11 +132,12 @@ export function ExampleFormPage() {
             <EuiFlexItem>
                 <EuiPageHeader pageTitle="Example form" />
                 <EuiSpacer />
-                This page shows the form definition that a fictitious `$
-                {PROCESSES_ENDPOINT}`/test-name endpoint might return to request
-                userInput it needs and the form it is turned into. It shows the
-                form fields and their types, and how they are rendered in the
-                form.
+                <EuiText>
+                    This page shows the form definition that a fictitious
+                    /example-form endpoint might return to request user input it
+                    needs. It shows the form fields and their types, and how
+                    they are rendered in the form.
+                </EuiText>
                 <EuiSpacer />
                 <div>
                     <a