How to update configurable list width

Please give me an example of CSS code that sets the text box width wider in the Configurable List widget.  Can it be varied from one field to another in a row?  Thank you.

You may change the width of specific input field in the configurable list widget by adding the CSS code to the custom CSS code section.

For example, the width of the Employer name can be changed by adding the following CSS code to the widget.

td.col2 > input {

    width: 200px;

}

It shall be displaying as shown below and you may identify the column names from the browser inspector.

You may also consider checking the following guide to display the fields one in each row.

https://www.jotform.com/help/456-How-to-Make-the-Configurable-List-Widget-Mobile-Responsive

Please give it a try and let us know if you need any further assistance. We will be happy to help. 

Thank you, this worked well. But the one-field-on-a-row code does not seem to work with Microsoft Edge.
...

I have checked your JotForm 82697817577175 using Microsoft Edge and it seems to be working fine at my end.

Could you check once again and let us know if you still experience any issues with the form? We will be happy to take a look again.