Labels on the left Variables in the field

Can someone tell me how to put the labels on the left please?
Can someone tell me how to put values read from an external database in the field please?
​
These are my only two outstanding issues at the moment. I have managed to fathom everything else.

Ok so after much messing about I have labels on the left.

And how did you do it? I see there is an option to add or override values of HTML tags, but only on the form field tag level, not on the container. This is a shame because semantic ui seems to have that option ready by adding "inline" as class to a container:
​

<div class="mainfield field inline">

But I don't know how to set it in Chronoforms... it's always possible to use the following CSS code on the form though

.ui.form .field>label {
     display: inline-block;
     width: auto;
     max-width:100px;
     margin-top: 0;
     margin-bottom: 0;
     vertical-align: top;
}
.ui.form .field>input, 
.ui.form .field>select, 
.ui.form .field>textarea, 
.ui.form .fields .field>input, 
.ui.form .fields .field>select {
     display: inline-block;
     width:auto;
     margin-top: 0;
     margin-bottom: 0;
     vertical-align: middle;
}

Form > Settings > Interface: Add CSS