Buttons violate Fitts Law
Created by: airtonix
Your buttons are created like so :
<span class="btn btn-small">
<i class="icon-envelope"></i>
<a href="#url">Label</a>
</span>This creates a problem. It reduces the clickable target area to that of the letters only.
Fitts law says that larger click targets are easier to click, but you deceive users into thinking that something that looks like a button will react as a button should when clicked. However unless you are clicking on the letters of the link, nothing happens apart from the CSS hover/active/click styles.
Your button html (change your css to reflect the new structure) should look like this :
<a href="#url" class="btn btn-small">
<i class="icon-envelope"></i>
<span>Label</span>
</a>