Correcting display of array fields

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},

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>