Apple Zen Support Thread

[jettrue]

I had this...

.wrapperAttribsOptions {
margin:0.3em .9em 0;
}

Now I have this...

.wrapperAttribsOptions input[type=radio], .wrapperAttribsOptions input[type=checkbox] {
float:left;
margin:.2em .5em .2em 0;
}

That straightened out the boxes but I still would like a little more space between the options and between the option names and choices

What do I have to play with for that?

To get more space the the right of the option names (like after "Image Files" and "Web File Formats" and "Print File Formats"), you can change the h4.optionName section TO this (the 1em controls the padding-right):

h4.optionName {
	line-height:1em;
	padding:0 1em 0 0;
	}

To have more space between each specific option, change the section below TO:

.wrapperAttribsOptions input[type=radio], .wrapperAttribsOptions input[type=checkbox] {
float:left;
margin:.5em .5em .2em 0;
}

You'll also need to add this (the line height affects the padding between each specific option, and the padding-bottom adds space between the different attribute option sections):

.wrapperAttribsOptions {line-height:2em;padding-bottom:1em;}