Prime Community Forum

Posted: **06 Jun 2018, 15:01**

For some reason, a margin-right of 4px is set to checkbox, see:

body .ui-chkbox {
  display: inline-block;
  vertical-align: middle;
  cursor: default;
  margin: 0 4px 0 0;
}

First I don't think it is necessary to set a margin-right to this component (PF does not apply any), second if selection is enabled in datatable, checkboxes are not centered due to this margin-right.

My thought: remove "margin: 0 4px 0 0;"

Posted: **11 Jun 2018, 09:15**

We'll check and get back to you.

Posted: **11 Jun 2018, 10:24**

You could use this css code:

Code: Select all

body .ui-chkbox {
                display: inline-block;
                vertical-align: middle;
                cursor: default;
                margin: 3px 0 0 -1px;
 }

If you don't like this, you could change the margin settings, according to your project.

Prime Community Forum

Wrong margin set to checkbox

Wrong margin set to checkbox

Re: Wrong margin set to checkbox

Re: Wrong margin set to checkbox