How can I move the hover text bubble

Adding this code to your form should move the the hover text so that you can see the full field:

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

.form-description {

    top : -120px;

}

.form-description-arrow {

    border-color : #f3b767 transparent transparent transparent;

    border-style : solid;

    border-width : 10px;

    height : 0;

    width : 0;

    left : 20px;

    top : 120px;

    position : absolute;

}

.form-description-arrow-small {

    border-color : whiteSmoke transparent transparent transparent;

    border-style : solid;

    border-width : 7px;

    height : 0;

    width : 0;

    left : 23px;

    top : 119px;

    position : absolute;

}

Here is what the form would look like with the code added:

https://form.jotform.com/61175339717966

How to I add the code ot my form 

Thanks David got it. 

Very welcome.  If there is anything else we can help with, just let us know.

When I go back to reuse the form the changes are not saved. 

How  do I save the changes so I can reuse the form.

The changes should save without issue.  If you would like, you can clone my copy that is set up already:

http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

Using this URL:

https://form.jotform.com/61175339717966