layout fixes

1 files changed, 14 insertions, 18 deletions

diff --git a/vnext/src/components/Thread.js b/vnext/src/components/Thread.js
index 079674a7..b824c0ed 100644
--- a/vnext/src/components/Thread.js
+++ b/vnext/src/components/Thread.js
@@ -80,20 +80,16 @@ export default class Thread extends React.Component {
     const loaders = Math.min(msg.replies || 0, 10);
     return (
       <>
-        <ul id="0">
-          <li className="msg msgthread">
-            {
-              msg.mid ? (
-                <Message data={msg} visitor={this.props.visitor}>
-                  {this.state.active === (msg.rid || 0) && <MessageInput data={msg} onSend={this.postComment}>Write a comment...</MessageInput>}
-                  <Recommendations forMessage={msg} />
-                </Message>
-              ) : (
-                  <Spinner />
-                )
-            }
-          </li>
-        </ul>
+        {
+          msg.mid ? (
+            <Message data={msg} visitor={this.props.visitor}>
+              {this.state.active === (msg.rid || 0) && <MessageInput data={msg} onSend={this.postComment}>Write a comment...</MessageInput>}
+              <Recommendations forMessage={msg} />
+            </Message>
+          ) : (
+              <Spinner />
+            )
+        }
         <ul id="replies">
           {
             !this.state.loading ? this.state.replies.map((msg) => (
@@ -140,10 +136,10 @@ export default class Thread extends React.Component {
               </li>
             )) : (
                 <>
-            {Array(loaders).fill().map((it, i) => <Spinner key={i} />)}
-          </>
-          )
-      }
+                  {Array(loaders).fill().map((it, i) => <Spinner key={i} />)}
+                </>
+              )
+          }
         </ul>
       </>
     );