Configurable List Widget: How to display the fields vertically?

I have a Configurable List widget with twelve options, causing it to be far woo wide for the screen. Is there an option to display the widget vertically?

https://form.jotformeu.com/92483955781371

Please try the CSS code below to display the fields vertically:

#list tbody:first-child > tr:first-child {display: none;} #list {width: 100%; border-collapse: collapse;} #list tbody:first-child > tr > td{display:block; padding: 6px 0;} #list tbody:first-child > tr + tr + tr {border-top: 1px solid #ccc;} #list > tbody:first-child tr td.col1 {padding-top: 20px;} .mobileColumnName {display: inline-block; padding-bottom: 4px; width: 40%; box-sizing: border-box;} .mobileColumnName + input, .mobileColumnName + textarea, .mobileColumnName + select, .mobileColumnName + .radio-container, .mobileColumnName + .dateContainer {width: 60%; display: inline-block; box-sizing: border-box; vertical-align:top; box-shadow:none;} .buttonsColumn {text-align: right;}

Thank you for the prompt answer. This works perfectly for displaying the form and fopr the PDF output, however the Excel or .csv output has every item within the Configurable List widget in one cell. Is there a way to have the same or similar input output as individual lines/cells?

The Excel/CSV is built to accommodate a field in each cell. Unfortunately, each configurable list widget is transmitted as a field and all its input would be contained in a single cell that may not be separated into subfields on the Excel/CSV document.