md-checkbox doesn't center properly when md-label is blank

[clshortfuse]

Because md-checkbox has padding to fix alignment with the its md-label child, it will this will add an additional space. md-label has a margin-left:18px value which means it will, at minimum have 18px width. This will forcelly "pad" the parent md-checkbox element by 18px regardless of content inside.

removed my fix since it didn't work

I'm creating test code right now. This may need to be done to radiobutton as well (I haven't checked, but will with my test code).

Test: http://codepen.io/anon/pen/oXMpXP

[clshortfuse]

I wrote a fix and it works, but feels really hacky:

http://codepen.io/anon/pen/rVrpmp

md-checkbox {
padding-left: 8px;
}

md-checkbox .md-container {
margin-left: 5px;
}

md-checkbox .md-label {
margin-left: 20px;
}