Date/time layout not displaying correctly

Hi,

My date/time section is displaying squashed up and its hard to read the numbers, can you tell me whats wrong? It displays fine on the jotform builder, but is not correct on a browser or phone..

Hi there - Thanks for reaching out to support.

The following CSS should resolve the problem with the date field:

You can click here to see how to inject CSS into your form.

span.allowTime-container {

 width: 100% !important;

}

span.allowTime-container > span:first-child {

 display: block !important;

}

li[data-type="control_datetime"] input.form-textbox {

 padding: 5px !important;

}

#hour_108 {

 width: 100px !important;

 padding: 5px;

}

#min_108 {

 width: 100px;

 padding: 5px;

}

Output:

Let us know if this solution works for you.