Hyphen in phone number field wrapping weird in responsive view

Hi, the hyphen between the "area code" and "phone number" fields in my form is wrapping weird when the form is in responsive view, causing the "area code" text to jump down a line.  See screenshot attached.

Hi,

Add this CSS codes to your form, this should fixed it.

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

input[name$="[area]"] {width: 85%;}

}

Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes-to-your-Form

I'll also address this to our developers. Thanks for reporting.

Thank you!

Hi, thanks for the response.  I inserted that code and it didn't fix the problem.

Hi,

I see. Thanks for your swift reply.

Please try changing 85% to 70%, this might work. I think 85% is a little bit high.

Let us know if this doesn't make any difference so I can fix it for you. 

Thank you!

Thanks again.  I changed it to 80% and that DID work, but I set it to 75% just to be safe.

Thanks for the quick response, much appreciated!

Great. Cheers! =)