Reordering divs

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 {

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}