refactor(form-builder): increase padding and improve button labels of…

… ArrayInput
sanity-io · Apr 8, 2021 · c855506 · c855506
1 parent cb88f61
commit c855506
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/@sanity/form-builder/src/inputs/arrays/ArrayOfObjectsInput/ArrayInput.tsx b/packages/@sanity/form-builder/src/inputs/arrays/ArrayOfObjectsInput/ArrayInput.tsx
@@ -336,7 +336,7 @@ export class ArrayInput extends React.Component<Props> {
             </Alert>
           )}
 
-          <Stack space={1}>
+          <Stack space={2}>
             <List onSortEnd={this.handleSortEnd} isSortable={isSortable} isGrid={isGrid}>
               {(value || []).map((item, index) => {
                 const isChildMarker = (marker: Marker) =>

diff --git a/packages/@sanity/form-builder/src/inputs/arrays/common/ArrayFunctions.tsx b/packages/@sanity/form-builder/src/inputs/arrays/common/ArrayFunctions.tsx
@@ -44,13 +44,13 @@ export default function ArrayFunctions(props: ArrayFunctionsProps) {
   }
 
   return (
-    <Grid autoCols="auto" gap={1}>
+    <Grid autoCols="auto" gap={2}>
       {type.of.length === 1 ? (
-        <Button mode="ghost" text="Add" icon={AddIcon} onClick={handleAddBtnClick} />
+        <Button mode="ghost" text="Add item" icon={AddIcon} onClick={handleAddBtnClick} />
       ) : (
         <MenuButton
           id={menuButtonId || ''}
-          button={<Button mode="ghost" text="Add…" icon={AddIcon} />}
+          button={<Button mode="ghost" text="Add item…" icon={AddIcon} />}
           menu={
             <Menu>
               {type.of.map((memberDef) => {