layout fixes

2 files changed, 22 insertions, 7 deletions

diff --git a/vnext/src/components/Message.css b/vnext/src/components/Message.css
index df51fa80..328e5598 100644
--- a/vnext/src/components/Message.css
+++ b/vnext/src/components/Message.css
@@ -107,12 +107,24 @@ article .tags > a,
     color: #999;
 }
 .msg-txt {
-    clear: both;
     margin: 0 0 12px;
     padding-top: 10px;
     word-wrap: break-word;
     overflow-wrap: break-word;
 }
+q:before,
+q:after {
+    content: "";
+}
+q,
+blockquote {
+    border-left: 3px solid #CCC;
+    color: #666;
+    display: block;
+    margin: 10px 0 10px 10px;
+    padding-left: 10px;
+    word-break: break-word;
+}
 .msg-media {
     text-align: center;
 }
diff --git a/vnext/src/components/UserInfo.js b/vnext/src/components/UserInfo.js
index 5bbf24bd..bd9cbc5f 100644
--- a/vnext/src/components/UserInfo.js
+++ b/vnext/src/components/UserInfo.js
@@ -1,7 +1,9 @@
 import React from 'react';
-
+import PropTypes from 'prop-types';
 import { Link } from 'react-router-dom';
 
+import { UserType } from './Types';
+
 import { info } from '../api';
 
 import Avatar from './Avatar';
@@ -25,7 +27,7 @@ export default class UserInfo extends React.Component {
     render() {
         const { user } = this.state;
         return (
-            <article style={{ padding: '14px' }}>
+            <div className="msg-cont">
                 <Avatar user={user}>
                     <div className="msg-ts">Was online recently</div>
                 </Avatar>
@@ -50,9 +52,6 @@ export default class UserInfo extends React.Component {
                               </Link>
                                 </li>
                             </ul>
-                            <hr />
-                            <SearchBox pathname={`/${user.uname}/`} onSearch={this.search} {...this.props} />
-                            <hr />
                             <div id="ustats">
                                 <ul>
                                     {
@@ -79,7 +78,11 @@ export default class UserInfo extends React.Component {
                         </>
                     }
                 </div>
-            </article>
+            </div>
         );
     }
 }
+
+UserInfo.propTypes = {
+    user: PropTypes.string.isRequired
+};