How can I wrap columns of Configurable List Widget(CLW) into 2 rows?

I would like to wrap the colums of CLW into 2 rows, so it will fit inside of the form borders. When the column wraps, I would also like the spacing between the rows (once wrapped) to have enough padding between the two lines, as to, not have cramping between the rows/ lables. How would I go about doing this?  

That can be done with a custom CSS codes. I am now checking this for you. I'll let you know when I have the codes ready.