Matrix table field input data too small to display in mobile browser

On my form the Calculated Fields display conditionally based on the input but do not align on MAC, IPAD and on I-Phone the field is too small to display the result. I don't know how to correct this or what I have done in the first place that creates the issue. The table is Cost of Booth and the column is Cost. The calculations come from a field that totals the selections made by the user of the form that is not displayed. I would like to have the "$" sign display and all results be 2 decimal places all of the time.

I would also like to have the Calculated Cost fields display only so that the user can not enter data and change the results.

I have included screen shots from the MAC, the IPAD mini and the IPhone of the same form. It is the same screen but different devices and order is MAC/I_PHONE/IPAD You can see the results are truncated on IPHONE and the results are not 2 decimal places.

I am a new Jotform user but have been pleased with how robust your product is.

Rick Soyers

Please try adding the CSS codes on your form.

.form-matrix-row-headers{

width: 150px !important;

}

I tried this on a test form and it fixes the issue of the Matrix table field input boxes when using mobile browser.