Wrapping details view columns on mobile device


I have a 2-column view which wraps unnecessarily on a mobile device (in this case an iphone).

The data comes from a form: the user select a herb and enters an amount for each herb.

There is plenty of space to display the amounts for each herb on the same line in the example below. Yet, it wraps automatically to display the numbers below the herbs. How can I prevent the wrapping?

The first view is my desktop, the second view is my iphone.

thank you very much






thank you very much, Luke.