From fe6d571021432c81caf5ec871bc1bc5b3d9dfc52 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Mon, 21 Jan 2019 17:57:47 -0500
Subject: [PATCH] FIX: Alignment for small-actions, gap, removing unneeded
 clearfix

---
 .../javascripts/discourse/widgets/post-small-action.js.es6     | 2 +-
 app/assets/javascripts/discourse/widgets/time-gap.js.es6       | 2 +-
 app/assets/stylesheets/common/base/topic-post.scss             | 3 ++-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/discourse/widgets/post-small-action.js.es6 b/app/assets/javascripts/discourse/widgets/post-small-action.js.es6
index 470dffda144..984555ab662 100644
--- a/app/assets/javascripts/discourse/widgets/post-small-action.js.es6
+++ b/app/assets/javascripts/discourse/widgets/post-small-action.js.es6
@@ -62,7 +62,7 @@ export function addPostSmallActionIcon(key, icon) {
 
 export default createWidget("post-small-action", {
   buildKey: attrs => `post-small-act-${attrs.id}`,
-  tagName: "div.small-action.onscreen-post.clearfix",
+  tagName: "div.small-action.onscreen-post",
 
   buildId(attrs) {
     return `post_${attrs.post_number}`;
diff --git a/app/assets/javascripts/discourse/widgets/time-gap.js.es6 b/app/assets/javascripts/discourse/widgets/time-gap.js.es6
index aaede013c3e..bf004a1fa91 100644
--- a/app/assets/javascripts/discourse/widgets/time-gap.js.es6
+++ b/app/assets/javascripts/discourse/widgets/time-gap.js.es6
@@ -16,7 +16,7 @@ function description(attrs) {
 }
 
 export default createWidget("time-gap", {
-  tagName: "div.time-gap.small-action.clearfix",
+  tagName: "div.time-gap.small-action",
 
   html(attrs) {
     return [
diff --git a/app/assets/stylesheets/common/base/topic-post.scss b/app/assets/stylesheets/common/base/topic-post.scss
index 014a0700661..dc66fb9bcd8 100644
--- a/app/assets/stylesheets/common/base/topic-post.scss
+++ b/app/assets/stylesheets/common/base/topic-post.scss
@@ -586,7 +586,7 @@ blockquote > *:last-child {
 }
 
 .gap {
-  padding: 0.25em 0 0.5em 4.6em;
+  padding: 0.25em 0 0.5em 56px; // 45px (topic avatar) + 11px (margin) = 56px
   color: dark-light-choose($primary-medium, $secondary-high);
   cursor: pointer;
   text-transform: uppercase;
@@ -628,6 +628,7 @@ blockquote > *:last-child {
     padding: 0.7em 0;
     border-top: none;
     margin-right: 11px;
+    flex: 0 0 auto;
     .d-icon {
       font-size: 2em;
       width: 45px;