Fixed Checkbox columns bug

[CyberAP]

The bug happens within the user preferences in custom user fileds. It was tested on checkboxes (other elements not checked) in Chrome, Firefox, Safari and Opera.
The first three display the checkbox column layout like this:


As you can see the second option has been partly moved to the top. In Opera it displays correctly, like a solid block.

The bug can be fixed by displaying list elements as inline blocks (as it adds spaces between elements).

 

[CyberAP]

Since columns were made via css3 here is a better solution:

column-break-inside: avoid;

 

[Mike]

It doesn't look like Firefox supports column break avoid yet, but Chrome does, so it's fixed there. If Firefox add supports for the column-break-inside option, it should automatically work.