From 1541a618b594f4d29639c6f2ebfd824862774c56 Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Thu, 13 Jul 2017 12:29:06 -0300
Subject: [PATCH] Reordering divs

---
 client/coral-embed-stream/src/components/Comment.css | 12 ++++++------
 client/coral-embed-stream/src/components/Comment.js  |  6 ++++--
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/client/coral-embed-stream/src/components/Comment.css b/client/coral-embed-stream/src/components/Comment.css
index bb06f7f1e..48a848848 100644
--- a/client/coral-embed-stream/src/components/Comment.css
+++ b/client/coral-embed-stream/src/components/Comment.css
@@ -19,8 +19,9 @@
 }
 
 .comment {
-  padding-left: 20px;
-  flex: auto;
+  padding-left: 15px;
+  display: flex;
+  flex-flow: row;
 }
 
 .commentLevel0 {
@@ -44,7 +45,7 @@
 }
 
 .highlightedComment {
-  padding-left: 20px;
+  padding-left: 15px;
   border-left: 3px solid rgb(35,118,216);
 }
 
@@ -159,9 +160,8 @@
   animation: enter 1000ms;
 }
 
-.commentRow {
-  display: flex;
-  flex-flow: row;
+.commentContainer {
+  flex: auto;
 }
 
 .commentAvatar {
diff --git a/client/coral-embed-stream/src/components/Comment.js b/client/coral-embed-stream/src/components/Comment.js
index e612affb0..9e6a70efe 100644
--- a/client/coral-embed-stream/src/components/Comment.js
+++ b/client/coral-embed-stream/src/components/Comment.js
@@ -429,7 +429,8 @@ export default class Comment extends React.Component {
         className={rootClassName}
         id={`c_${comment.id}`}
       >
-        <div className={styles.commentRow}>
+        <div className={commentClassName}>
+
           <Slot
             className={styles.commentAvatar}
             fill="commentAvatar"
@@ -440,7 +441,8 @@ export default class Comment extends React.Component {
             inline
           />
 
-          <div className={commentClassName}>
+          <div className={styles.commentContainer}>
+            
             <AuthorName author={comment.user} className={'talk-stream-comment-user-name'} />
             {isStaff(comment.tags) ? <TagLabel>Staff</TagLabel> : null}