From 605c87a7998c123b64615f8a131e660650043b72 Mon Sep 17 00:00:00 2001
From: Ryan Yun <ryan.yun@dowjones.com>
Date: Fri, 22 Sep 2017 12:16:31 -0400
Subject: [PATCH] featured and all comments have same left and right action
 container class names

---
 client/coral-embed-stream/src/components/Comment.js           | 4 ++--
 .../client/components/Comment.js                              | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/coral-embed-stream/src/components/Comment.js b/client/coral-embed-stream/src/components/Comment.js
index 9d3cb0218..622ec5e29 100644
--- a/client/coral-embed-stream/src/components/Comment.js
+++ b/client/coral-embed-stream/src/components/Comment.js
@@ -529,7 +529,7 @@ export default class Comment extends React.Component {
             <div className={cn(styles.footer, 'talk-stream-comment-footer')}>
               {isActive &&
                 <div className={'talk-stream-comment-actions-container'}>
-                  <div className="commentActionsLeft comment__action-container">
+                  <div className="commentActionsLeftContainer commentActionsLeft comment__action-container">
                     <Slot
                       fill="commentReactions"
                       {...slotProps}
@@ -545,7 +545,7 @@ export default class Comment extends React.Component {
                         />
                       </ActionButton>}
                   </div>
-                  <div className="commentActionsRight comment__action-container">
+                  <div className="commentActionsRightContainer commentActionsRight comment__action-container">
                     <Slot
                       fill="commentActions"
                       wrapperComponent={ActionButton}
diff --git a/plugins/talk-plugin-featured-comments/client/components/Comment.js b/plugins/talk-plugin-featured-comments/client/components/Comment.js
index a8c7cb6f1..31852d63d 100644
--- a/plugins/talk-plugin-featured-comments/client/components/Comment.js
+++ b/plugins/talk-plugin-featured-comments/client/components/Comment.js
@@ -46,7 +46,7 @@ class Comment extends React.Component {
         </div>
 
         <footer className={cn(styles.footer, `${pluginName}-comment-footer`)}>
-          <div className={cn(styles.reactionsContainer, `${pluginName}-comment-reactions`)}>
+          <div className={cn('commentActionsLeftContainer', styles.reactionsContainer, `${pluginName}-comment-reactions`)}>
 
             <Slot
               fill="commentReactions"
@@ -64,7 +64,7 @@ class Comment extends React.Component {
               asset={asset}
             />
           </div>
-          <div className={cn(styles.actionsContainer, `${pluginName}-comment-actions`)}>
+          <div className={cn('commentActionsRightContainer', styles.actionsContainer, `${pluginName}-comment-actions`)}>
             <button className={cn(styles.goTo, `${pluginName}-comment-go-to`)} onClick={this.viewComment}>
               <Icon name="forum" className={styles.repliesIcon} /> {comment.replyCount} | {t('talk-plugin-featured-comments.go_to_conversation')} <Icon name="keyboard_arrow_right" className={styles.goToIcon} />
             </button>