How add space between Purch Order product item description, price, and quantity?

I can't figure out how to add space, maybe 50px, between a purchase order item's description, price, and quantity on my form so it fills up more horizontal space.  I'd like it to work on any sized device as well.  i.e. when displayed on a small screen, the columns would appear closer together if needed.  Can you please provide me with the CSS I need?

Thank you!

Please add this custom CSS code.

.form-product-child-table td, .form-product-child-table th {

    padding: 2px 16px;

}

To add custom CSSCodwe: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

 Your code did nothing.  Please note that I have the following CSS code as well:

span.form-product-child-price span:nth-child(2),
.form-product-details span:nth-child(2) {
    display : inline-block !important;
}

Don't know if that undoes what your code tries to do....

Please try adding !important to fix the issue.

.form-product-child-table td, .form-product-child-table th {

padding: 2px 30px !important;

}

Here's a screencast of my cloned form:

Let us know if the issue still persists after adding the new custom CSS code.

Thank you.

 Thank you!