Hi,
Just wanted to chip in on this as I was struggling with exactly the same.
The advice given is mostly correct and does what is needed but when testing on smaller screen sizes ie phone's then you get character wrapping that does not look good.
So instead on adding this to the end of your template.css
add it to the screen sizes that need it.
for me it was just the larger 768px and up.
so find
Code:
@media only screen and (min-width: 768px) {
<on default ubuntu_orange template its around line 464>
Add
Code:
.multiple-short-txt .control-label {
width: 20%;
text-align: left !important;
}
to the media section