From cf403133832e9edc97eaa19d8ea3f232427a52e9 Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Tue, 27 Oct 2020 22:16:46 -0400
Subject: [PATCH] update creator like style

---
 ui/component/commentReactions/view.jsx | 26 +++++++++++---------------
 ui/scss/component/_comments.scss       |  7 +++++--
 2 files changed, 16 insertions(+), 17 deletions(-)

diff --git a/ui/component/commentReactions/view.jsx b/ui/component/commentReactions/view.jsx
index d70e22da3..92f3e64b1 100644
--- a/ui/component/commentReactions/view.jsx
+++ b/ui/component/commentReactions/view.jsx
@@ -61,22 +61,18 @@ export default function CommentReactions(props: Props) {
         label={<span className="comment__reaction-count">{getCountForReact(REACTION_TYPES.DISLIKE)}</span>}
       />
 
-      {ENABLE_CREATOR_REACTIONS && (
-        <>
-          {(canCreatorReact || creatorLiked) && (
-            <Button
-              iconOnly
-              disabled={!canCreatorReact || !claimIsMine}
-              requiresAuth={IS_WEB}
-              title={claimIsMine ? __('You loved this') : __('Creator loved this')}
-              icon={creatorLiked ? ICONS.CREATOR_LIKE : ICONS.SUBSCRIBE}
-              className={classnames('comment__action comment__action--creator-like')}
-              onClick={() => react(commentId, REACTION_TYPES.CREATOR_LIKE)}
-            />
-          )}
-
+      {ENABLE_CREATOR_REACTIONS && (canCreatorReact || creatorLiked) && (
+        <Button
+          iconOnly
+          disabled={!canCreatorReact || !claimIsMine}
+          requiresAuth={IS_WEB}
+          title={claimIsMine ? __('You loved this') : __('Creator loved this')}
+          icon={creatorLiked ? ICONS.CREATOR_LIKE : ICONS.SUBSCRIBE}
+          className={classnames('comment__action comment__action--creator-like')}
+          onClick={() => react(commentId, REACTION_TYPES.CREATOR_LIKE)}
+        >
           {creatorLiked && <ChannelThumbnail uri={authorUri} className="comment__creator-like" />}
-        </>
+        </Button>
       )}
     </>
   );
diff --git a/ui/scss/component/_comments.scss b/ui/scss/component/_comments.scss
index 23909378a..22c93be63 100644
--- a/ui/scss/component/_comments.scss
+++ b/ui/scss/component/_comments.scss
@@ -318,8 +318,11 @@ $thumbnailWidthSmall: 0rem;
 }
 
 .comment__creator-like {
-  height: 1rem;
-  width: 1rem;
+  height: 0.8rem;
+  width: 0.8rem;
   margin-left: 3px;
   z-index: 3;
+  position: absolute;
+  top: 0.4rem;
+  left: 0.4rem;
 }