Improve interaction avatar alignment for SPV

app/assets/stylesheets/single-post-view.scss

@@ -114,6 +114,7 @@
     color: $blue;
   }
   .count {
+    float: left;
     i {
       display: inline-block;
       text-align: center;
@@ -137,4 +138,9 @@
   .comment.new-comment-form-wrapper {
     padding: 10px;
   }
+
+  .count,
+  .interaction-avatars {
+    line-height: 25px;
+  }
 }

app/assets/templates/single-post-viewer/single-post-interactions_tpl.jst.hbs

 {{#if resharesCount}}
-  <div id='reshares'>
+  <div id="reshares" class="clearfix">
     <span class="count">
       <i class="entypo-reshare middle gray"></i>
       <span>{{resharesCount}}</span>
     </span>
-    <span>
+    <span class="interaction-avatars">
       {{#each reshares}}
         {{#linkToAuthor author}}
           {{{personImage this 'small' 'micro'}}}
@@ -14,12 +14,12 @@
   </div>
 {{/if}}
 {{#if likesCount}}
-  <div id='likes'>
+  <div id="likes" class="clearfix">
     <span class="count">
       <i class="entypo-heart middle gray"></i>
       <span>{{likesCount}}</span>
     </span>
-    <span>
+    <span class="interaction-avatars">
       {{#each likes}}
         {{#linkToAuthor author}}
           {{{personImage this 'small' 'micro'}}}
@@ -29,8 +29,8 @@
   </div>
 {{/if}}
 {{#if commentsCount}}
-  <div id='comments-meta'>
-    <span class='count'>
+  <div id="comments-meta" class="clearfix">
+    <span class="count">
       <i class="entypo-comment middle gray"></i>
       <span>{{commentsCount}}</span>
     </span>