Custom CSS for Configurable list widget so that fields fit?

I understand that the items must fit on line in the configurable list widget but I am experiencing difficulty creating the proper CSS so that these lists in my form comply. Can you assist? Thanks.

Hi,

I see that you have a number of Configurable list widgets on your form. Some of them exceeds the form's width. We can adjust the length of the width, however, that will make the inputs narrower? You could instead increase the form's width.

You can open your Form Designer Tool and adjust the form's width there, here's a screenshot of it:

Adjust the form width between 700-800, that would be enough to cover everything and not exceed on the main form's frame.

If you are referring to how the configurable list widget could be more mobile responsive, then that may be a different concern. But if that's your primary concern, please let us know.

Thank you.

Thank you. Ideally, I would like to have it mobile friendly, although not necessary. Is there a way to set the dates in the configurable list to appear as numbers instead of written out. This would save some space.

Unfortunately, the configurable list is a widget that does not fit well in mobile devices due to it's width. Also, the way the date is displayed ca not be changed to numbers.