Field Layout: Is there a way to have the range of time go across instead of up and down?

Is there a way to have the range of time go across instead of up and down? It's confusing formatted as is?

My room request form has a lot to fit and I'd like on one page. Had 4 columns and the am/pm did not show and many were forgetting to fill in because am/pm pull down didn't show in drop down unless arrow selected. Now  I tried doing range and I dont' like that formatting either:(

The time fields are affected by form designer styles. To fix the issue with the time range field, please try adding the next CSS via form designer.

[data-type="control_time"] .form-sub-label-container {
width: inherit !important;
max-width: 45px;
}

If you need any further assistance, please let us know.

You are brilliant and so helpful! Thank you so much!!
Blessings,
Roslyn Kelley
Office Manager
(262) 628-3142
[2011nblogoSmall]
...

Sorry to bug you again. Now I just need my setup and tear down to have the am and pm next to the times instead of below. Is there an easy way for me to figure out these codes so I don’t have to bother you guys? I don’t write code but can usually catch on if things are explained. Even if you direct me to the page for designing in the css designer.
Thanks so much,
Roslyn Kelley
Office Manager
(262) 628-3142
[2011nblogoSmall]
...

I got it figured out after finding your videos for the css module. They are great! A little fast for the CSS portion but I figured out that particular item. ☺
Roslyn Kelley
Office Manager
(262) 628-3142
[2011nblogoSmall]
...

On behalf of  my colleague, Mike, you're welcome. I'm glad that you were able to solve this problem.

Do not hesitate to contact us if you have any additional questions.

Cheers!