Configurable List custom CSS

I have started making a time sheet form and want to make the text fields different sizes, if you look at the link attached, the first text field needs to be wider and the 2 last text fields need to be only 3 numbers wide, also I cant seem to add an extra column, it only allows me to have 5, is this possible to have a 6th column?

Thanks in advance

You can resize the text areas on your widget with this code: 

.col1 textarea {

    width: 100px;

    height: 100px;

}

.col4 textarea {

    width: 100px;

    height: 100px;

}

.col5 textarea {

    width: 100px;

    height: 100px;

}

This guide will help you injecting the code to your widget: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets 

You should be able to add more columns to your widget, this guide will help you configuring it: https://www.jotform.com/help/282-How-to-Set-Up-the-Configurable-List-Widget