fixed #13

src/views/Match.vue

@@ -11,8 +11,13 @@
              alt="Map icon"
              class="map-icon" title="Map unknown">
       </div>
+      <p class="text-center text-muted fs-6 mb-1">
+        Match lasted for
+        <span class="text-white">{{FormatDuration(data.matchDetails.duration)}}</span>
+      </p>
       <p class="text-center text-muted fs-6">
-        {{ FormatFullDate(data.matchDetails.date) }}
+        on
+        <span class="text-white">{{ FormatFullDate(data.matchDetails.date) }}</span>
       </p>
       <p class="text-center fs-6">
         <span class="text-muted">Match Length:</span> {{ data.matchDetails.max_rounds === 16 ? 'Short' : 'Long' }}
@@ -87,7 +92,7 @@
 <script>
 import {onBeforeMount, onBeforeUnmount, onMounted, reactive, watch} from "vue";
 import axios from 'axios'
-import {closeNav, DisplayRank, FixMapName, FormatFullDate, GetAvgRank, GoToLink, LoadImage} from "../utils";
+import {closeNav, DisplayRank, FixMapName, FormatFullDate, GetAvgRank, GoToLink, LoadImage, FormatDuration} from "../utils";
 import {useStore} from "vuex";
 import {useRoute} from 'vue-router'
 
@@ -185,7 +190,7 @@ export default {
     })
 
     return {
-      data, DisplayRank, FormatFullDate
+      data, DisplayRank, FormatFullDate, FormatDuration
     }
   }
 }