From 38d4b7d961aa653d1e5e551eb14dba3fb954f921 Mon Sep 17 00:00:00 2001
From: vikingowl <cw.nachtigall@gmail.com>
Date: Thu, 3 Feb 2022 15:39:05 +0100
Subject: [PATCH] updated broken icon in chat history 4

---
 src/components/MatchChatHistory.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/MatchChatHistory.vue b/src/components/MatchChatHistory.vue
index c7a7187..0206cfc 100644
--- a/src/components/MatchChatHistory.vue
+++ b/src/components/MatchChatHistory.vue
@@ -17,10 +17,10 @@
               :class="m.startSide === 1 ? 'text-info' : 'text-warning'">
             <i v-if="m.tracked" class="fa fa-dot-circle-o text-success tracked" title="Tracked user"></i>
             {{ m.player }}
-            <i class="fa fa-external-link"></i>
+            <i class="fa fa-external-link"/>
           </td>
           <td>
-            <i class="fas fa-caret-right"></i>
+            <i class="fa fa-caret-right"/>
           </td>
           <td class="message">
             {{ m.message }}
@@ -138,4 +138,11 @@ table td {
   width: 40ch;
   max-width: 40ch;
 }
+
+@media screen and (max-width: 768px) {
+  .name {
+    width: 120px;
+    max-width: 120px;
+  }
+}
 </style>