Radios and checkboxes with empty conditionals causes odd spacing

[edwardhorsford]

Raising as separate ticket from #1494

If you have an item with a conditional and the conditional content is empty, when you select that item, you get weird spacing:

I think this is because conditional items are given margin-bottom: 20px. When the item is selected, the conditional is made visible so the margin is added.

Similar to #1494 I might check if conditional contains any items - if not, don't render it.

[edwardhorsford]

To add: I think this is an edge case and very low priority. I came across it whilst building the checkboxes and allowing for conditionals - but before I'd defined the html of the conditionals yet.

I thought you might come across it if you wanted to make the conditional itself conditional on a statement, but I think something like this works anyway: