MOBILE-1987 chat: Better looking chat users modal

Author: crazyserver

www/addons/mod/chat/scss/styles.scss

@@ -33,4 +33,14 @@ $mma-chat-notice-badge: "stable" !default;
 
 .mma-chat-reconnect-button, .button.mma-chat-reconnect-button {
   margin: 0;
+}
+
+.mma-mod_chat-users-modal {
+  .item-complex .item-avatar {
+    padding-bottom: 0;
+
+    .tabs {
+      border: 0;
+    }
+  }
 }

www/addons/mod/chat/templates/chat.html

@@ -39,7 +39,7 @@ <h2>{{ message.userfullname }}</h2>
                     </div>
                 </div>
 
-                <div ng-if="!messages || messages.length <= 0">
+                <div class="padding" ng-if="!messages || messages.length <= 0">
                     <p>{{ 'mma.mod_chat.nomessages' | translate}}</p>
                 </div>
             </section>

www/addons/mod/chat/templates/users.html

@@ -3,23 +3,23 @@
       <h1 class="title">{{ 'mma.mod_chat.currentusers' | translate }}</h1>
       <button class="button button-icon ion-close-round" ng-click="closeModal()" aria-label="{{ 'mm.core.close' | translate }}"></button>
     </ion-header-bar>
-    <ion-content padding="true">
+    <ion-content>
         <mm-loading hide-until="usersLoaded">
             <ul class="list">
-                <li ng-repeat="user in chatUsers" class="card">
+                <li ng-repeat="user in chatUsers" class="item-complex">
                     <div class="item item-avatar">
                         <img ng-src="{{user.profileimageurl}}" alt="{{ 'mm.core.pictureof' | translate:{$a: user.fullname} }}" mm-external-content>
                         <mm-format-text>{{user.fullname}}</mm-format-text>
-                    </div>
-                    <div class="item tabs tabs-secondary tabs-icon-left" ng-if="currentUserId != user.id && !isAppOffline()">
-                        <a class="tab-item" ng-click="talkTo(user.fullname)">
-                            <i class="icon ion-chatbox"></i>
-                            {{ 'mma.mod_chat.talk' | translate}}
-                        </a>
-                        <a class="tab-item" ng-click="beepTo(user.id)">
-                            <i class="icon ion-ios-bell"></i>
-                            {{ 'mma.mod_chat.beep' | translate}}
-                        </a>
+                        <div class="item tabs tabs-secondary tabs-icon-left" ng-if="currentUserId != user.id && !isAppOffline()">
+                            <a class="tab-item" ng-click="talkTo(user.fullname)">
+                                <i class="icon ion-chatbox"></i>
+                                {{ 'mma.mod_chat.talk' | translate}}
+                            </a>
+                            <a class="tab-item" ng-click="beepTo(user.id)">
+                                <i class="icon ion-ios-bell"></i>
+                                {{ 'mma.mod_chat.beep' | translate}}
+                            </a>
+                        </div>
                     </div>
                 </li>
             </ul>