From ade5802ed1ecabdc388c9838d23eec2a9c46e096 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaad@spinpunch.com>
Date: Thu, 19 Nov 2015 01:11:06 +0500
Subject: Posts structure improvement

---
 web/react/components/post_body.jsx | 44 +++++++++++++++++++-------------------
 1 file changed, 22 insertions(+), 22 deletions(-)

(limited to 'web/react/components/post_body.jsx')

diff --git a/web/react/components/post_body.jsx b/web/react/components/post_body.jsx
index 975ac64dc..e1c057775 100644
--- a/web/react/components/post_body.jsx
+++ b/web/react/components/post_body.jsx
@@ -257,7 +257,7 @@ export default class PostBody extends React.Component {
         }
 
         return (
-            <div className='post-comment'>
+            <div>
                 <h4>
                     <span className='video-type'>{header}</span>
                     <span className='video-title'><a href={link}>{this.state.youtubeTitle}</a></span>
@@ -329,7 +329,7 @@ export default class PostBody extends React.Component {
             }
 
             comment = (
-                <p className='post-link'>
+                <div className='post__link'>
                     <span>
                         {'Commented on '}{name}{apostrophe}{' message: '}
                         <a
@@ -339,15 +339,13 @@ export default class PostBody extends React.Component {
                             {message}
                         </a>
                     </span>
-                </p>
+                </div>
             );
-
-            postClass += ' post-comment';
         }
 
         let loading;
         if (post.state === Constants.POST_FAILED) {
-            postClass += ' post-fail';
+            postClass += ' post--fail';
             loading = (
                 <a
                     className='theme post-retry pull-right'
@@ -379,25 +377,27 @@ export default class PostBody extends React.Component {
         }
 
         return (
-            <div className='post-body'>
+            <div>
                 {comment}
-                <div
-                    key={`${post.id}_message`}
-                    id={`${post.id}_message`}
-                    className={postClass}
-                >
-                    {loading}
-                    <span
-                        ref='message_span'
-                        onClick={TextFormatting.handleClick}
-                        dangerouslySetInnerHTML={{__html: TextFormatting.formatText(this.state.message)}}
+                <div className='post__body'>
+                    <div
+                        key={`${post.id}_message`}
+                        id={`${post.id}_message`}
+                        className={postClass}
+                    >
+                        {loading}
+                        <span
+                            ref='message_span'
+                            onClick={TextFormatting.handleClick}
+                            dangerouslySetInnerHTML={{__html: TextFormatting.formatText(this.state.message)}}
+                        />
+                    </div>
+                    <PostBodyAdditionalContent
+                        post={this.state.post}
                     />
+                    {fileAttachmentHolder}
+                    {this.embed}
                 </div>
-                <PostBodyAdditionalContent
-                    post={this.state.post}
-                />
-                {fileAttachmentHolder}
-                {this.embed}
             </div>
         );
     }
-- 
cgit v1.2.3-1-g7c22

