From 5520f4eaf995ae7adefff21a4a5241b7bd0aa17b Mon Sep 17 00:00:00 2001
From: Vincent <vdegraaf.vincent@gmail.com>
Date: Mon, 6 May 2024 13:14:54 +0200
Subject: [PATCH] set builder to 100% width

---
 .../form/CreateEditForm/CreateEditForm.module.css           | 3 +++
 .../src/components/form/CreateEditForm/CreateEditForm.tsx   | 6 +++++-
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 apps/admin/src/components/form/CreateEditForm/CreateEditForm.module.css

diff --git a/apps/admin/src/components/form/CreateEditForm/CreateEditForm.module.css b/apps/admin/src/components/form/CreateEditForm/CreateEditForm.module.css
new file mode 100644
index 00000000..5ddab5f7
--- /dev/null
+++ b/apps/admin/src/components/form/CreateEditForm/CreateEditForm.module.css
@@ -0,0 +1,3 @@
+.builder {
+  width: 100%;
+}
diff --git a/apps/admin/src/components/form/CreateEditForm/CreateEditForm.tsx b/apps/admin/src/components/form/CreateEditForm/CreateEditForm.tsx
index 4a19477a..44d1d8b0 100644
--- a/apps/admin/src/components/form/CreateEditForm/CreateEditForm.tsx
+++ b/apps/admin/src/components/form/CreateEditForm/CreateEditForm.tsx
@@ -15,6 +15,8 @@ import { filterAttributes } from '../../../utils/filterAttributes'
 import { Builder } from '../Builder'
 import { HiddenComponentsInput } from '../HiddenComponentsInput'
 
+import styles from './CreateEditForm.module.css'
+
 type CreateEditFormProps = {
   isEditForm?: boolean
 }
@@ -48,7 +50,9 @@ export const CreateEditForm = ({ isEditForm = false }: CreateEditFormProps) => {
       <TextInput source="title" />
       <TextInput source="display" defaultValue="form" hidden />
       <HiddenComponentsInput value={builderJson} setInitialValue={setInitialValue} />
-      <Builder data={initialValue} onChange={onChange} />
+      <div className={styles.builder}>
+        <Builder data={initialValue} onChange={onChange} />
+      </div>
     </SimpleForm>
   )
 }