updated chat display

src/components/MatchChatHistory.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="chat-history mt-2">
+  <div class="chat-history mt-2 d-flex justify-content-center align-items-center">
     <table v-if="data.chat.length > 0" class="table table-borderless">
       <tbody>
       <tr v-for="(m, id) in data.chat" :key="id">
@@ -28,6 +28,9 @@
         </td>
         <td>
           <i class="fa fa-caret-right"/>
+          <span v-if="!m.all_chat" class="ms-1">
+            (team)
+          </span>
         </td>
         <td class="message">
           {{ m.message }}
@@ -35,7 +38,7 @@
       </tr>
       </tbody>
     </table>
-    <div v-else class="d-flex align-items-center justify-content-center">
+    <div v-else>
       <h3>No chat available</h3>
     </div>
   </div>
@@ -139,6 +142,7 @@ table td {
 
   .tracked {
     font-size: .8rem;
+    margin-right: .2rem;
   }
 
   .ban-shadow {