FontAwesome fixed .fa-spin

Fixed the FontAwesome .fa-spin so it centers properly

by lemon kazi

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<p>Used on a button:</p>
<button style="font-size:24px">Button <i class="fa fa-spinner load-animate"></i></button>
<br /><br />
<p>Spinning:</p>
<i class="fa fa-spinner fa-spin" style="font-size:24px"></i>

CSS

.load-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
    -moz-animation: spin3 2s infinite linear;
}

@-moz-keyframes spin3 {
    from { -moz-transform: rotate(0deg);}
    to { -moz-transform: rotate(360deg);}
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}