From e6f0888dc7cbecd0fd186b3c3bd70e557a92413c Mon Sep 17 00:00:00 2001
From: Vitaly Takmazov
Date: Thu, 22 Nov 2018 13:02:55 +0300
Subject: Component styling in CSS

---
 vnext/src/components/Chat.js | 14 +++-----------
 1 file changed, 3 insertions(+), 11 deletions(-)

(limited to 'vnext/src/components/Chat.js')

diff --git a/vnext/src/components/Chat.js b/vnext/src/components/Chat.js
index be671fb9..0da8dcde 100644
--- a/vnext/src/components/Chat.js
+++ b/vnext/src/components/Chat.js
@@ -8,6 +8,8 @@ import MessageInput from './MessageInput';
 
 import { getChat, pm } from '../api';
 
+import './Chat.css';
+
 export default class Chat extends React.Component {
     constructor(props) {
         super(props);
@@ -59,7 +61,7 @@ export default class Chat extends React.Component {
 
                     {uname ? (
                         <div className="chatroom">
-                            <ul style={chatStyle}>
+                            <ul className="Chat_messages">
                                 {
                                     chats.map((chat) =>
                                         <PM key={moment.utc(chat.timestamp).valueOf()} chat={chat} {...this.props} />
@@ -84,13 +86,3 @@ Chat.propTypes = {
     visitor: UserType.isRequired,
     match: ReactRouterPropTypes.match.isRequired
 };
-
-const chatStyle = {
-    boxSizing: 'border-box',
-    padding: '0 20px',
-    overflowY: 'auto',
-    height: '450px',
-    display: 'flex',
-    flexDirection: 'column-reverse',
-    width: '100%'
-};
-- 
cgit v1.2.3