We’ve built quite a complicated form – http://sma.essencehost.com/new-student-application/ There’s one small ‘issue’ with it: on a narrow screen (phone) the section with days and times breaks into multiple lines, although there’s enough space to display From and To in the same line.
I’m trying to figure out where to apply width: auto; to force From and To appear in the same line.
The current setup in the backend for each day entry is a nested 4-column group: 1st column – HTML (Monday) 2nd column – 2-column group (From and To) 3rd column – HTML (or) 4th column – 2-column group (From and To)
So we have 6 columns in total. How can I force width: auto; for these nested groups (From and To) to have them stay in one line on mobile screens?