Help with custom css code to control the fields width and margin.

Hi

Can you help with configurable list widget css

How can I control the fields width and margins, it seems that from the demo all the css commands are not effecting.

I have injected the following custom css code in your form's configurable list widget and that seems to have fixed the issue:

th {

    padding-left: 0px;

}

input[type="text"] {

    width: 100px;

}

.col2 {

    width: 45px !important;

    padding-right: 0px !important;

}

.checkbox-container {

    width: 45px;

}

textarea {

    width: 130px !important;

    height: 40px;

}

.col4 {

    padding-right: 0px;

}

.stepper-wrap input.stepper {

    text-align: left;

    width: 56px !important;

}

.stepper-wrap {

    width: 45px;

}

Please check the screenshot below:

Hope this helps.

Do get back to us if you need any other changes.