A few alignment fixes to match other themes

Author: Algirdyz

packages/mantine/src/templates/ArrayFieldItemTemplate.tsx

@@ -26,7 +26,7 @@ export default function ArrayFieldItemTemplate<
   );
 
   return (
-    <Box key={`array-item-${index}`} className={className || 'array-item'} mb='xs'>
+    <Box key={`array-item-${index}`} className={className || 'rjsf-array-item'} mb='xs'>
       <Flex gap='xs' align='end' justify='center'>
         <Box w='100%'>{children}</Box>
         {hasToolbar && (

packages/mantine/src/templates/ArrayFieldTemplate.tsx

@@ -78,7 +78,7 @@ export default function ArrayFieldTemplate<
         />
       )}
 
-      <Box className='row array-item-list'>
+      <Box className='row rjsf-array-item-list'>
         {items &&
           items.map(({ key, ...itemProps }: ArrayFieldItemTemplateType<T, S, F>) => (
             <ArrayFieldItemTemplate key={key} {...itemProps} />
@@ -89,7 +89,7 @@ export default function ArrayFieldTemplate<
         <Group justify='flex-end'>
           <AddButton
             id={buttonId<T>(idSchema, 'add')}
-            className='array-item-add'
+            className='rjsf-array-item-add'
             disabled={disabled || readonly}
             onClick={onAddClick}
             uiSchema={uiSchema}

packages/mantine/src/templates/FieldTemplate.tsx

@@ -59,7 +59,6 @@ export default function FieldTemplate<
       {...otherProps}
     >
       {children}
-      {displayLabel && rawDescription && description}
       {errors}
       {help}
     </WrapIfAdditionalTemplate>

packages/mantine/src/templates/ObjectFieldTemplate.tsx

@@ -1,17 +1,17 @@
+import { Box, Container, Group, MantineSpacing, SimpleGrid } from '@mantine/core';
 import {
   buttonId,
-  FormContextType,
-  ObjectFieldTemplateProps,
-  ObjectFieldTemplatePropertyType,
-  RJSFSchema,
-  StrictRJSFSchema,
   canExpand,
   descriptionId,
+  FormContextType,
   getTemplate,
   getUiOptions,
+  ObjectFieldTemplatePropertyType,
+  ObjectFieldTemplateProps,
+  RJSFSchema,
+  StrictRJSFSchema,
   titleId,
 } from '@rjsf/utils';
-import { Container, Box, SimpleGrid, MantineSpacing } from '@mantine/core';
 
 /** The `ObjectFieldTemplate` is the template to use to render all the inner properties of an object along with the
  * title and description if available. If the object is expandable, then an `AddButton` is also rendered after all
@@ -54,7 +54,7 @@ export default function ObjectFieldTemplate<
   const gridVerticalSpacing = uiOptions?.gridVerticalSpacing;
 
   return (
-    <Container id={idSchema.$id}>
+    <Container id={idSchema.$id} p={0}>
       {title && (
         <TitleFieldTemplate
           id={titleId<T>(idSchema)}
@@ -88,7 +88,7 @@ export default function ObjectFieldTemplate<
       </SimpleGrid>
 
       {canExpand(schema, uiSchema, formData) && (
-        <Box mt='xs'>
+        <Group mt='xs' justify='flex-end'>
           <AddButton
             id={buttonId<T>(idSchema, 'add')}
             disabled={disabled || readonly}
@@ -97,7 +97,7 @@ export default function ObjectFieldTemplate<
             uiSchema={uiSchema}
             registry={registry}
           />
-        </Box>
+        </Group>
       )}
     </Container>
   );