Alignment of icons in Buttons needs to be improved

[sheridanvk]

The example in the documentation adds a space next to Add Project to make the margins between elements look right. We should add in a proper margin, as well as ensuring that the emoji is sitting in the right place (the community site currently uses vertical-align: sub and 2px of margin under the emoji to push it up)