[mobile] Fix template of user page

apps/common/mobile/lib/view/collaboration/Collaboration.jsx

@@ -15,7 +15,7 @@ const PageUsers = inject("users")(observer(props => {
     const _t = t('Common.Collaboration', {returnObjects: true});
     const storeUsers = props.users;
     return (
-        <Page name="collab__users">
+        <Page name="collab__users" className='page-users'>
             <Navbar title={_t.textUsers} backLink={_t.textBack}>
                 {Device.phone &&
                 <NavRight>
@@ -29,8 +29,9 @@ const PageUsers = inject("users")(observer(props => {
             <List className="coauth__list">
                 {storeUsers.users.map((model, i) => (
                     <ListItem title={model.asc_getUserName()} key={i}>
-                        <Icon slot="media" icon="coauth__list__icon"
-                              style={{backgroundColor: model.asc_getColor()}}></Icon>
+                        <div slot="media" className='color' style={{backgroundColor: model.asc_getColor()}}>
+                            {storeUsers.getInitials(model.asc_getUserName())}
+                        </div>
                     </ListItem>
                 ))}
             </List>

apps/common/mobile/resources/less/collaboration.less

@@ -1,5 +1,20 @@
-.coauth__list__icon {
-    width: 20px;
-    height: 20px;
-    border-radius: 10px;
+.page.page-users {
+    background-color: @white;
+    .block-title {
+        text-transform: none;
+        color: @black;
+        margin-top: 20px;
+        margin-bottom: 20px;
+        font-size: 17px;
+        font-weight: normal;
+    }
+    .color {
+        min-width: 40px;
+        min-height: 40px;
+        text-align: center;
+        border-radius: 50px;
+        line-height: 40px;
+        color: @white;
+        font-size: 18px;
+    }
 }

apps/common/mobile/resources/less/comments.less

@@ -201,4 +201,9 @@
   &.over-popover {
     z-index: 13600;
   }
+}
+
+.no-comments {
+  text-align: center;
+  margin-top: 35px;
 }