Configurable lists - Changing layout

Greetings.  Please see attached screenshot.

Like the red rectangled area indicates, there are too many field inputs for the width.  Can you show me how to put in a "line break" somewhere to stack them?  

In addition, how do I change the width of individual input elements?  In this example, I'd like the "Quantity" input to be about half its width.

Thank you.

Can you please check this demo form: https://form.jotform.com/91157662627968 and see if you're referring to something like that?

By the way, to make the width of your quantity field to 50%, please inject the custom CSS code below.

input.stepper {width: 50%!important;}
.stepper-wrap {width:30px!important;}

Guide: How-to-Inject-CSS-Codes-to-Widgets