Checkboxes should not appear to be centrally-aligned

Created by: murdoch

Problem

All form input elements have the following SCSS applied:

  input,
  select,
  .selectize-control {
    @include span-columns(4 of 12);
  }

This causes check-boxes to appear in the middle of their columns, see the pic:

Solution

The world is just not ready for centrally-aligned check-boxes, so I have added width: auto to check-box inputs to ensure that they appear left aligned, see the next pic:

I have read the contributing guidelines, and can't really think of a way to test this, besides visual inspection.