How do I get consistent spacing between the fields? I can't add a class to all of them. If I adjust .fields, e.g. padding:10px, then the elements of the radio buttons are also affected.
the form itself is a "flexbox", so you can adjust the "gap" css rule of the form, and any child ".fields", that would exclude anything else
form.nui.form, form.nui.form > .fields{gap:10px;}
Ok... but that only affects the containers, not the elements within the containers. The containers are formatted with: nui segment bordered rounded. There are also multi-field elements within the containers.
change the css selectors accordingly then, any flex element can have the "gap" changed.
Any non flex (like segment) needs to be set as "flex" too
Any non flex (like segment) needs to be set as "flex" too
You need to login to be able to post a reply.