MOBILE-2103 chat: Don't show border in user buttons in iOS

Author: dpalou

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

@@ -43,4 +43,13 @@ $mma-chat-notice-badge: "stable" !default;
       border: 0;
     }
   }
+
+  .button-bar {
+    padding: 0;
+    border: 0;
+
+    .button {
+      border: 0;
+    }
+  }
 }

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

@@ -10,12 +10,12 @@ <h1 class="title">{{ 'mma.mod_chat.currentusers' | translate }}</h1>
                     <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 class="item tabs tabs-secondary tabs-icon-left" ng-if="currentUserId != user.id && !isAppOffline()">
-                            <a class="tab-item" ng-click="talkTo(user.fullname)">
+                        <div class="item button-bar" ng-if="currentUserId != user.id && !isAppOffline()">
+                            <a class="button button-icon-left" 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)">
+                            <a class="button button-icon-left" ng-click="beepTo(user.id)">
                                 <i class="icon ion-ios-bell"></i>
                                 {{ 'mma.mod_chat.beep' | translate}}
                             </a>