How can I narrow the blank space between fields?

I am trying to put together an order form that uses the spreadsheet to form widget and the form calculation widget.  One basic thing I can't figure out is how to reduce the blank space between fields on the same line.  Want it to have kind of a spreadsheet look to it.

The screenshot shows how I would like it to look (top) and how it currently looks (bottom)

You can adjust the spacing of your fields using a custom CSS code. Please inject the CSS below to your form:

li#id_3 {

    margin-left: -60px!important;

}

li#id_4 {

    margin-left: -60px!important;

}

li#id_5 {

    margin-left: -60px!important;

}

Guide: How to Inject Custom CSS Codes

How to know the ID of your form fields? Open the form in published mode and inspect the field. See my screencast below.

How can I pause the screencast?  Never mind - got what I needed.

OK - think I got the right and left spacing thing down using CSS.

Next 2 questions are:

To avoid confusion your questions will be answered in these threads.
Can I eliminate the need to click the 'Autofill' button and just have it automatically autofill when the user exits the part# field?
How do I make the form calculation widget read-only?