so after giving our CSS an overhaul and structuring it a bit better, I got the problem with the ComboBox solved. But another problem came up - well, two, to be correct. Here's an updated dojo to show you what I mean.
1) While size and gap to the next control is fine now with the combobox, there's a problem with indenting the text. The question basically is: What's the right way to do it? I've done it here in the following way: The combobox consists in the final html of an outer span, an inner span, the input and two more spans for the dropdown arrow. By increasing the left-padding of the inner span, the input will have the desired indent, but because of the Metro Theme when hovering or selecting it, the inner span background will turn green and you can see the gap on the left by the padding. I've tried other ways (e.g. with text-indent) but to no avail.
2) Why is the Checkbox I've added at the end not theme styled in Chrome? It works fine in IE and FF (see attached screenshot) but the Metro Theme is not applied in Google Chrome, or so at seems.
Hope this thread isn't dead yet and you can help me!
Thanks in advance,