MDL-55570 message: replace online asterix with green dot

message/templates/message_area_contact.mustache

@@ -5,7 +5,7 @@
         <img src="{{profileimageurl}}" alt="" />
     </div>
     <div class="span9 information">
-        <div class="name">{{fullname}} {{#isonline}}*{{/isonline}}</div>
+        <div class="name">{{fullname}} {{#isonline}}{{#pix}} t/go, core, {{#str}} online, message {{/str}} {{/pix}}{{/isonline}}</div>
         <p class="lastmessage" data-region="lastmessage">
             {{#lastmessage}}
                 {{.}}

theme/bootstrapbase/less/moodle/message.less

@@ -184,6 +184,10 @@
 
                         .name {
                             font-weight: bold;
+
+                            img {
+                                vertical-align: baseline;
+                            }
                         }
 
                         .lastmessage {

theme/bootstrapbase/style/moodle.css

@@ -5918,6 +5918,9 @@ a.ygtvspacer:hover {
 .messaging-area-container .messaging-area .contacts-area .contacts .contact .information .name {
   font-weight: bold;
 }
+.messaging-area-container .messaging-area .contacts-area .contacts .contact .information .name img {
+  vertical-align: baseline;
+}
 .messaging-area-container .messaging-area .contacts-area .contacts .contact .information .lastmessage {
   word-wrap: break-word;
   margin: 0;