From d0e720f469f0e5505a8ef65197ffa9494f40851d Mon Sep 17 00:00:00 2001
From: ewandor <ewandor@dorfsvald.net>
Date: Sat, 3 May 2025 21:03:09 +0200
Subject: [PATCH] Correcting display of array fields

---
 api/rpk-api/firm/template/schemas.py                   |  5 ++++-
 .../crud/components/templates/ArrayFieldTemplate.tsx   | 10 +++++-----
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/api/rpk-api/firm/template/schemas.py b/api/rpk-api/firm/template/schemas.py
index 798d62d..b79b519 100644
--- a/api/rpk-api/firm/template/schemas.py
+++ b/api/rpk-api/firm/template/schemas.py
@@ -13,7 +13,10 @@ class ContractTemplateRead(Reader, ContractTemplate):
 class ContractTemplateCreate(Writer):
     name: str = Field(title="Nom")
     title: str = Field(title="Titre")
-    parties: List[PartyTemplate] = Field(default=[], title="Parties")
+    parties: List[PartyTemplate] = Field(
+        default=[],
+        props={"items_per_row": "2"},
+        title="Parties")
     provisions: List[ProvisionTemplateReference] = Field(
         default=[],
         props={"items_per_row": "1", "numbered": True},
diff --git a/gui/rpk-gui/src/lib/crud/components/templates/ArrayFieldTemplate.tsx b/gui/rpk-gui/src/lib/crud/components/templates/ArrayFieldTemplate.tsx
index 54120df..553fbd6 100644
--- a/gui/rpk-gui/src/lib/crud/components/templates/ArrayFieldTemplate.tsx
+++ b/gui/rpk-gui/src/lib/crud/components/templates/ArrayFieldTemplate.tsx
@@ -73,14 +73,14 @@ export default function ArrayFieldTemplate<
           uiSchema={uiSchema}
           registry={registry}
         />
-        <Grid2 container justifyContent='flex-end'>
+        <Grid2 container justifyContent='flex-start'>
         {items &&
           items.map(({ key, ...itemProps }: ArrayFieldTemplateItemType<T, S, F>, index) => (
             <Grid2 key={key} size={gridSize} >
-              <Stack direction="row" sx={{alignItems: "center"}}>
-                {numbered &&<Typography variant="h4">{index + 1}</Typography>}
-                <ArrayFieldItemTemplate key={key} {...itemProps} />
-              </Stack>
+              <Grid2 container sx={{alignItems: "center"}} >
+                {numbered &&<Grid2 size={1} ><Typography variant="h4">{index + 1}</Typography></Grid2>}
+                <Grid2 size={numbered ? 11 : 12} ><ArrayFieldItemTemplate key={key} {...itemProps} /></Grid2>
+              </Grid2>
             </Grid2>
           ))}
         </Grid2>