From fcde30149484cf6922d910e67d073d6a4886fcbd Mon Sep 17 00:00:00 2001
From: Vitaly Takmazov
Date: Sun, 20 Jan 2019 11:33:11 +0300
Subject: UserInfo styling

---
 vnext/src/components/UserInfo.css |  1 +
 vnext/src/components/UserInfo.js  | 44 +++++++++++++--------------------------
 vnext/src/style/main.css          |  9 +++++++-
 3 files changed, 24 insertions(+), 30 deletions(-)

diff --git a/vnext/src/components/UserInfo.css b/vnext/src/components/UserInfo.css
index e4f58693..e57b4585 100644
--- a/vnext/src/components/UserInfo.css
+++ b/vnext/src/components/UserInfo.css
@@ -1,3 +1,4 @@
 .userinfo {
     padding: 40px;
+    background-color: #fdfdfe;
 }
diff --git a/vnext/src/components/UserInfo.js b/vnext/src/components/UserInfo.js
index c962add9..3c4ffab3 100644
--- a/vnext/src/components/UserInfo.js
+++ b/vnext/src/components/UserInfo.js
@@ -40,38 +40,24 @@ export default class UserInfo extends React.Component {
                     {
                         user.uid > 0 &&
                         <>
-                            <ul>
-                                <li>
-                                    <Link to="/pm">
-                                        <Icon name="ei-envelope" size="s" />PM
+                            <Link to="/pm">
+                                <Icon name="ei-envelope" size="s" />PM
                               </Link>
-                                </li>
-                                <li>
-                                    <Link to={`/${user.uname}/?show=recomm`} rel="nofollow">
-                                        <Icon name="ei-heart" size="s" />Recommendations
+                            <Link to={`/${user.uname}/?show=recomm`} rel="nofollow">
+                                <Icon name="ei-heart" size="s" />Recommendations
                               </Link>
-                                </li>
-                                <li>
-                                    <Link to={`/${user.uname}/?media=1`} rel="nofollow">
-                                        <Icon name="ei-camera" size="s" />Photos
+                            <Link to={`/${user.uname}/?media=1`} rel="nofollow">
+                                <Icon name="ei-camera" size="s" />Photos
                               </Link>
-                                </li>
-                            </ul>
-                            <div id="ustats">
-                                <ul>
-                                    {
-                                        user.read &&
-                                        <li><Link to={`/${user.uname}/friends`}>I read: {user.read.length}</Link></li>
-                                    }
-                                    <li><Link to={`/${user.uname}/readers`}>My readers: {user.readers ? user.readers.length : 0}</Link></li>
-                                    {
-                                        user.statsMyBL &&
-                                        <li><Link to={`/${user.uname}/bl`}>My blacklist: {user.statsMyBL}</Link></li>
-                                    }
-                                    <li>Messages: {user.statsMessages}</li>
-                                    <li>Comments: {user.statsReplies}</li>
-                                </ul>
-                            </div>
+                            {
+                                user.read &&
+                                <Link to={`/${user.uname}/friends`}>I read: {user.read.length}</Link>
+                            }
+                            <Link to={`/${user.uname}/readers`}>My readers: {user.readers ? user.readers.length : 0}</Link>
+                            {
+                                user.statsMyBL &&
+                                <Link to={`/${user.uname}/bl`}>My blacklist: {user.statsMyBL}</Link>
+                            }
                         </>
                     }
                 </div>
diff --git a/vnext/src/style/main.css b/vnext/src/style/main.css
index 0216192f..187173b0 100644
--- a/vnext/src/style/main.css
+++ b/vnext/src/style/main.css
@@ -183,6 +183,12 @@ hr {
     display: flex;
 }
 
+.l {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+}
+
 #global a,
 #ctitle a {
     display: flex;
@@ -195,7 +201,8 @@ hr {
     padding: 14px 16px;
 }
 
-#sidebar > a {
+#sidebar > a,
+.l > a {
     color: #88958d;
     border-right: 2px solid transparent;
     display: flex;
-- 
cgit v1.2.3