Configurable List Field Names not aligned properly

I'm not sure if this is a field spacing problem or field name problem.  I cannot seem to get the field names to properly align with the field.  The form is https://secure.jotformpro.com/form/43301341964954.  Here's a pic of the problem:

Please tell me how to make this work better.  Also, there is no need for the age textbox to be more than 2 characters.

I look forward to your response.

Thanks,

Jack

Hi Jack,

This is because you have set different margin-left styling in your Configurable list widget.

You can replace the code using this:

.col1 input[type="text"], .col2 input[type="text"] {width: 150px !important;

margin-left: 0px !important;}

.col3 input[type="checkbox"] {margin-left: 0px !important;}

.col4 input[type="checkbox"] {margin-left: 0px !important;}

.col5 input[type="text"] {margin-left: 0px !important;

width: 150px !important;}

th {

font-size : 13px;

}

td.col3 select {

width:150px;

}

You can see the edited cloned form here: http://form.jotformpro.com/form/43313688766971 

This is how it should look like:

You can still adjust the alignment and spacing by editing the custom css styling.

I hope this helps. Let us know if you need further assistance on this.

Thank you.