Size of section collapse open vs closed

Hi. Please look at screenshot.

When I have a collapse widget open, the width of the widget is larger than when closed.

Can you provide CSS to keep the width at the closed width no matter whether the widget itself is open or closed?

Having one wider when open, right next to a thinner closed one looks crap!

I checked your form (https://www.jotform.com/43420990799871) and I was able to replicate the mentioned issue. Please allow me some time to work on this. I'll get back to you once I'm done.

Thanks for your waiting.

Please try this custom CSS code to fix the height of the section collapse no matter whether the widget itself is open or closed:

.form-collapse-table {

    height: 45px;

}

Result:

Hope this helps. Let us know if you need further assistance.

That worked well. Can we do something to reduce the top margin as well?

This code you have given me has reduced the bottom margin of all the collaps widgets, but now the text is unevenly spaced (there is more 'gap' above the text than below)

Please try inserting the below CSS in your Custom CSS Field:

ul#section_178 {

    position: relative;

    top: -240px;

}

ul#section_179 {

    position: relative;

    top: -120px;

}

That should bring the form collapse section up.

Please try and let us know how it worked.

Thank you!