Adjusting the text area in a configurable list widget

Hello,

  I have two text areas in one configurable list widget. I would like to make "Room Number" a certain width and the other textarea "Description" longer. How can I make the textareas different widths?

Please copy the below code and iject into the Configuration List Widget's Custom CSS tab - 

.col1 textarea {

width : 100px !important;

}

.col3 textarea {

width : 300px !important;

}

This code makes the first colum text area to 100px and the third column text area to 300 px as shown in the iamge below. 

You can adjust the length accordingly. Here is the full code, copy the entire code below and replace it with the existing code.

th.col1{

min-width: 50px !important;

}

th.col2{

min-width: 150px !important;

}

th.col3{

min-width: 150px !important;

}

textarea {

       height: 15px;

}

.col1 textarea {

width : 100px !important;

}

.col3 textarea {

width : 300px !important;

}

Here is the article that explains how to inject Custom CSS to JotForm. How-to-Inject-CSS-Codes-to-Widgets 

Let us know if you need further assistance.