Configurable List: How can I handle the text and text area fields with CSS code?

I would like to customize the width of the field types in the Configurable List.

I would like to use only 2 types of fields: "text" and "textarea". 

Name : text
Description : textarea

Using the Set Up Guide, this is what I have for Custom CSS

.text, .textarea {
min-width: 150px;
}

The total width of my form is 650px.

See screen shot for reference.

Currently, the 2 fields are too small and I would like to spread them out within the form. 

Additionally, how many words will fill the "textarea" field? Is this customizable as well? 

THANKS! Patty

Please note that the selectors for the fields are these: 

input[type=text], textarea{

  /* code goes here */

}

Also, the min-width property will only be reflected when the fields width is less than that so basically that's the lowest width value that the fields can have. 

Regarding to you other question, I'm not sure if there is a limit for the text area field on the widget, but it's limit cannot be changed on the field settings. I think the field will accept a long string of text such as the basic text area field. 

I hope this helps.