From e04528b453d63321902c21008ac8ab40eb72960a Mon Sep 17 00:00:00 2001
From: Vitaly Takmazov
Date: Mon, 10 Dec 2018 17:57:53 +0300
Subject: UserInfo styling

---
 vnext/src/components/UserInfo.css |  3 +++
 vnext/src/components/UserInfo.js  | 12 ++++++++----
 2 files changed, 11 insertions(+), 4 deletions(-)
 create mode 100644 vnext/src/components/UserInfo.css

diff --git a/vnext/src/components/UserInfo.css b/vnext/src/components/UserInfo.css
new file mode 100644
index 00000000..27eba7e5
--- /dev/null
+++ b/vnext/src/components/UserInfo.css
@@ -0,0 +1,3 @@
+.userinfo {
+    padding: 40px;
+}
\ No newline at end of file
diff --git a/vnext/src/components/UserInfo.js b/vnext/src/components/UserInfo.js
index 7b4ae2ee..c4247f92 100644
--- a/vnext/src/components/UserInfo.js
+++ b/vnext/src/components/UserInfo.js
@@ -10,6 +10,8 @@ import Avatar from './Avatar';
 import Icon from './Icon';
 import SearchBox from './SearchBox';
 
+import './UserInfo.css';
+
 export default class UserInfo extends React.Component {
     constructor(props) {
         super(props);
@@ -28,10 +30,12 @@ export default class UserInfo extends React.Component {
         const { user } = this.state;
         return (
             <>
-                <Avatar user={user}>
-                    <div className="msg-ts">Was online recently</div>
-                </Avatar>
-                <div>
+                <div className="userinfo">
+                    <Avatar user={user}>
+                        <div className="msg-ts">Was online recently</div>
+                    </Avatar>
+                </div>
+                <div className="l">
                     {
                         user.uid > 0 &&
                         <>
-- 
cgit v1.2.3