Only checkbox icon should select the checkbox, not the entire row

I want to check the checkbox only when icon is pressed, not the entire row.

If you use the css version only, you can do this

.item-checkbox .checkbox{
  right: initial;
}

Thanks a lot @mhartington

Is there a way to “validate” the click/tap?