I've managed to alter style.css to add some formatting to the checkbox, but only to add a margin on the top and bottom of the checkbox. If I add either margin or padding to the left or right, it totally throws off the other elements (regardless of position and/or z-index).
.jimu-checkbox .checkbox {
margin-top: 10px;
margin-bottom: 10px;
}
The hover area content is 330px wide x 36px high, and the checkbox is 16x16. It feels like I've tried every combination of padding, margin, border, position, z-index. I'm not sure what I'm doing wrong.
I'm a complete novice at javascript, so I'm not sure if this problem can be solved programmatically.
Any help will be super appreciated!