From f9fe64da236e31533749f7ccd6812950f80907fa Mon Sep 17 00:00:00 2001
From: Steffen van Bergerem <svbergerem@online.de>
Date: Tue, 23 Feb 2016 21:12:03 +0100
Subject: [PATCH] Improve interaction avatar alignment for SPV

---
 app/assets/stylesheets/single-post-view.scss         |  6 ++++++
 .../single-post-interactions_tpl.jst.hbs             | 12 ++++++------
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/app/assets/stylesheets/single-post-view.scss b/app/assets/stylesheets/single-post-view.scss
index db8272460..c152ea49e 100644
--- a/app/assets/stylesheets/single-post-view.scss
+++ b/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;
+  }
 }
diff --git a/app/assets/templates/single-post-viewer/single-post-interactions_tpl.jst.hbs b/app/assets/templates/single-post-viewer/single-post-interactions_tpl.jst.hbs
index 23c59b277..a8acd4b38 100644
--- a/app/assets/templates/single-post-viewer/single-post-interactions_tpl.jst.hbs
+++ b/app/assets/templates/single-post-viewer/single-post-interactions_tpl.jst.hbs
@@ -1,10 +1,10 @@
 {{#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>