Put the add friend button in the userlist below the name

customize.dist/src/less2/include/toolbar.less

@@ -75,6 +75,7 @@
             margin: 10px 0;
             margin-bottom: 20px;
             &>span {
+                height: 48px;
                 padding: 5px;
                 margin: 2px 0;
                 background: rgba(0,0,0,0.1);
@@ -82,6 +83,30 @@
                 .cp-avatar-default, media-tag {
                     margin-right: 5px;
                 }
+                &.cp-userlist-clickable {
+                    cursor: pointer;
+                    &:hover {
+                        background-color: rgba(0,0,0,0.3);
+                    }
+                }
+                .cp-toolbar-userlist-rightcol {
+                    order: 10;
+                    flex: 1;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    white-space: nowrap;
+                    display: flex;
+                    flex-flow: column;
+                    .cp-toolbar-userlist-name {
+                        flex: 1;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        white-space: nowrap;
+                    }
+                    .cp-toolbar-userlist-friend {
+                        padding: 0;
+                    }
+                }
             }
         }
         .cp-toolbar-userlist-friend {
@@ -619,30 +644,6 @@
                     }
                     &.cp-avatar {
                         .avatar_main(48px);
-                        &.cp-userlist-clickable {
-                            cursor: pointer;
-                            &:hover {
-                                background-color: rgba(0,0,0,0.3);
-                            }
-                        }
-                        .cp-toolbar-userlist-rightcol {
-                            order: 10;
-                            flex: 1;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                            white-space: nowrap;
-                            display: flex;
-                            flex-flow: column;
-                            .cp-toolbar-userlist-name {
-                                flex: 1;
-                                overflow: hidden;
-                                text-overflow: ellipsis;
-                                white-space: nowrap;
-                            }
-                            .cp-toolbar-userlist-friend {
-                                padding: 0;
-                            }
-                        }
                         media-tag {
                             margin: 8px;
                         }