Checkboxes style updates

[V-ed]

Checkboxes in their current implementations have two styling issues :

• [x] Their parent div takes unneccessary space on the bottom
  • For some unknown reason, the div is taller than the content. However, setting the parent's div height to the same calculation (taken originally from bootstrap) does fix this height issue.
  • I plan to rearrange how the checkbox is stylized to have a master checkbox div controller and the inputs inside would be automatically stylized. It would look like this :

    <div class="bootstrap-checkbox">
    <input type="checkbox" id="my-checkbox" name="hai" checked>
    <label for="my-checkbox">
    </div>

    this would therefore apply the checkbox style automatically to the label inside, while having customization options for the container.

• [x] The cursor does not show them being clickable
  • I should add a cursor: pointer; css property to the label.