From adb53c722a3159e6dba0ae160e3945e6784a0d3b Mon Sep 17 00:00:00 2001 From: jasquat <2487833+jasquat@users.noreply.github.com> Date: Wed, 3 Jan 2024 13:35:22 -0500 Subject: [PATCH] also specify margin bottom for item-array with rjsf-field (#850) Co-authored-by: jasquat --- spiffworkflow-frontend/src/rjsf/carbon_theme/index.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/spiffworkflow-frontend/src/rjsf/carbon_theme/index.css b/spiffworkflow-frontend/src/rjsf/carbon_theme/index.css index f8fc242f3..273b7bc81 100644 --- a/spiffworkflow-frontend/src/rjsf/carbon_theme/index.css +++ b/spiffworkflow-frontend/src/rjsf/carbon_theme/index.css @@ -30,11 +30,15 @@ /* for some reason it wraps the entire form using FieldTemplate.jsx, which is where we added the rjsf-field thing (which is only intended for fields, not entire forms. hence the double rjsf-field reference, only for rjsf-fields inside rjsf-fields, so we don't get double margin after the last field */ .rjsf .rjsf-field .rjsf-field { - margin-bottom: 2em; + margin-bottom: 2rem; +} +/* only the outter rjsf-field gets the margin from the rule above but not its contents like the array-item so mention it explicitly */ +.rjsf .array-item .rjsf-field .rjsf-field { + margin-bottom: 2rem; } .array-item-toolbox { - margin-left: 2em; + margin-left: 2rem; } .rjsf .text-input {