fix(695): Missing spacing between nested form fields

KaotoIO · Feb 2, 2024 · bbcc976 · bbcc976
1 parent 0216887
commit bbcc976
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/NestField.scss b/src/NestField.scss
@@ -0,0 +1,4 @@
+.nestfield-spacing {
+  display: grid;
+  gap: var(--pf-v5-c-form--GridGap);
+}
diff --git a/src/NestField.tsx b/src/NestField.tsx
@@ -21,6 +21,7 @@ import * as React from "react";
 import { connectField, filterDOMProps, HTMLFieldProps } from "uniforms";
 import { Card, CardBody } from "@patternfly/react-core/dist/js/components/Card";
 import AutoField from "./AutoField";
+import './NestField.scss';
 
 export type NestFieldProps = HTMLFieldProps<object, HTMLDivElement, { helperText?: string; itemProps?: object }>;
 
@@ -38,7 +39,7 @@ function NestField({
 }: NestFieldProps) {
   return (
     <Card data-testid={"nest-field"} {...filterDOMProps(props)}>
-      <CardBody className="pf-c-form">
+      <CardBody className="pf-c-form nestfield-spacing">
         {label && (
           <label>
             <b>{label}</b>