Time Field Formatting: Why are my fields condensed and not displaying correctly?

I cant seem to figure out why my time fields are being condensed to the point to where they are unuseable.  I went into the advanced designer and looked at all of the properties and could not figure where this setting is done.  Below is an attached screenshot.

Please try injecting the following CSS code to your form in order to resolve this: 

li[data-type="control_time"] div .form-sub-label-container {

    width: 25%;

}

.time-dropdown {

    width: 88%;

}

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

I hope  this helps. 

Thank you very much!!!  One more thing, on the date fields, would it be possible to display them as a dropdown for each segment?  I used jotform years ago and vaguely remember this feature.

Thanks,

As far as I can see the date picker  can have only separated text boxes for each date: 

Date

Month 

Year

But I cannot find a way to have them as drop downs. You may also find an alternative element on our widgets: https://widgets.jotform.com/category/pickers

https://www.jotform.com/help/252-How-to-Add-a-Widget-to-Your-Form 

Thanks.