You can make most of the changes in your stylesheet (/includes/templates/your_template/css/stylesheet.css).
The way to get the input boxes to line up is to give a width to the text in front of them:
PHP Code:
h4 .optionName {
width: 88px; /*adjust to fit longest label*/
}
This will require more width than your current setup, since you will have to account for the widest label plus the widest box. If any label is too wide, it will wrap to the next line - could be a good thing for some displays. If any input box is too wide to fit, it will drop down and left justify.
If you want the labels to be right justified against the boxes, there is another element you can apply styling to:
PHP Code:
label.attribsSelect {
float: right;
}
This will make the text (variable width) float right inside the fixed width heading box.
PS - the input boxes automatically adjust to the longest text line inside.
Bookmarks