Scale rating: Correct mobile format

What is the correct mobile format / CSS code for the scale rating feature? When used in my form on a mobile device it does not fit in the screen 

Hi @vitacaretech!

Please inject the following CSS code into your form:

@media screen and (max-width: 480px) {

li[data-type="control_scale"] table.form-scale-table tr th, table.form-scale-table tr td {

    padding: 9px 0px !important;

}

li[data-type="control_scale"] table.form-scale-table tr td input {

    width: 10px !important;

}

}

Here is the guide on how to inject CSS code into forms: How-to-Inject-Custom-CSS-Codes.

This still doesn't fit. The best & worst are what do not fit on the screen

Hi @vitacaretech!

It appears that the word "Best" has been obscured by the slider in the preview mode - this will not be the case on the real device. Here is what I see when I preview your form on Firefox browser:

I have also viewed your form on an iPhone 6s and everything correctly on the screen. Please let us know if you have any other questions.