fix payloadcms fields (#924)

Co-authored-by: Adrian Pilarczyk <admin@peelar.dev>

.changeset/hungry-clocks-move.md

@@ -0,0 +1,5 @@
+---
+"saleor-app-cms-v2": patch
+---
+
+Fix PayloadCMS form where two inputs were stuck together without a margin. Now, they are placed in two columns

apps/cms-v2/src/modules/providers/payloadcms/payloadcms-config-form.tsx

@@ -82,10 +82,11 @@ const PureForm = ({ defaultValues, onSubmit, onDelete }: PureFormProps) => {
           >
             Read more in Payload docs
           </TextLink>
-          <Text as="p" marginBottom={4}>
+          <Text as="p" marginBottom={6}>
             If your API is open (e.g. for development purposes) leave both fields empty.
           </Text>
 
+          <Box display="grid" gap={4} gridTemplateColumns={2}>
             <Input
               control={control}
               name="authenticatedUserSlug"
@@ -95,6 +96,7 @@ const PureForm = ({ defaultValues, onSubmit, onDelete }: PureFormProps) => {
             <Input control={control} name="authToken" type="password" label="User API Key" />
           </Box>
         </Box>
+      </Box>
       <Box display={"grid"} gap={4} marginY={4}>
         <Text variant="heading">Configure fields mapping</Text>
         <Input