- changed home-screen image

- added background image to matches
- added icon for short games

src/views/Player.vue

@@ -32,7 +32,7 @@
               <tr>
                 <td>{{ wl.win }}</td>
                 <td>{{ wl.loss }}</td>
-                <td>{{ (wl.win / wl.loss * 100).toFixed(2) }}%</td>
+                <td>{{ (wl.win / (wl.win + wl.loss) * 100).toFixed(2) }}%</td>
               </tr>
             </table>
             <small v-if="data.playerDetails.tracked" class="card-text text-muted">
@@ -163,8 +163,13 @@
           </td>
           <td :title="FormatFullDuration(match.duration)" class="td-duration text-center">
             {{ FormatDuration(match.duration) }}
+
           </td>
           <td :title="FormatFullDate(match.date)" class="td-date">
+            <svg v-if="match.rounds === 16" class="bi bi-circle-half" fill="currentColor" height="16" viewBox="0 0 16 16" width="16"
+                 xmlns="http://www.w3.org/2000/svg">
+              <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/>
+            </svg>
             {{ FormatDate(match.date) }}
           </td>
         </tr>
@@ -242,6 +247,8 @@ export default {
             data.matches = response.data.matches
             store.state.id64 = response.data.steamid64
 
+            console.log(response.data)
+
             let player = {
               'steamid64': response.data.steamid64,
               'name': response.data.name,
@@ -369,6 +376,11 @@ table {
       font-size: 1.2rem;
       width: 120px;
     }
+
+    .td-date svg {
+      margin-left: -5px;
+      margin-right: 5px;
+    }
   }
 
   .match {