How do I adjust the spacing between the options on my configurable list widget?

I would like to have "List", "Column", and "Comments" tabs have a little more spacing in between.

Also, I would like to see if the "Comment" open field text line can be stretched out to one line instead of how it looks now.

Also, how to remove the "Add" and "Remove" button.

Please allow me some time. I am working on the solution.

Thanks.

1. To induce more spacing between column please include following custom CSS code.

th.col1{
min-width: 120px !important;
}
th.col2{
min-width: 150px !important;
}
th.col3{
min-width: 150px !important;
}

Feel free to adjust the width pixel.  Then click the Update Widget button.  

Do this in every configurable list widget that you have.

2. To hide Add and Remove button please include following custom CSS code.

.add, .remove {
    white-space: nowrap;
    display: none;
}

Do this in every configurable list widget that you have.

Let us know if you need further assistance. We will be happy to help.

Thanks.

Also, to decrease the height of the comments text area. You may inject the following CSS code in the Configurable List widget, in custom CSS tab.

Place the following Custom CSS code:

textarea {

    width: 150px;

    height: 15px;

}

Do this in every configurable list widget that you have.

Hope this helps!