fixed broken match-table on mobile screens

package.json

@@ -1,6 +1,6 @@
 {
   "name": "csgowtf",
-  "version": "0.29.0",
+  "version": "0.29.1",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",

src/components/Footer.vue

@@ -11,7 +11,7 @@
       <p class="text-muted">For feedback open an <a class="text-decoration-none text-warning"
                                                     href="https://git.harting.dev/CSGOWTF/csgowtf/issues"
                                                     target="_blank">issue</a>.</p>
-      <p class="text-muted">Build-Version: <span class="text-white">{{ version }}</span></p>
+      <p class="text-muted mb-0">Build-Version: <span class="text-white">{{ version }}</span></p>
     </div>
   </div>
 </template>

src/components/MatchesTable.vue

@@ -425,6 +425,27 @@ table {
   }
 }
 
+@media screen and (max-width: 400px) {
+  table tr {
+  .map-icon {
+    margin-left: 0 !important;
+  }
+  .map {
+    padding: 0.5rem !important;
+  }
+  .td-map {
+    padding: 0 1rem !important;
+
+    .parsed {
+      display: none;
+    }
+    .not-yet-parsed {
+      display: none;
+    }
+  }
+  }
+}
+
 @media screen and (max-width: 768px) {
   .map-icon {
     margin-left: -1.32em !important;
@@ -445,23 +466,24 @@ table {
     }
 
     img {
-      width: 40px !important;
+      width: 35px !important;
       height: auto;
     }
   }
   .td-rank img {
     width: 50px !important;
     height: auto;
-    max-width: 50px;
+    max-width: 50px !important;
+    margin-left: -0.5rem !important;
   }
 
   .td-score {
-    font-size: .9rem !important;
+    font-size: .7rem !important;
     //width: 110px !important;
   }
 
   .td-date {
-    font-size: .9rem !important;
+    font-size: .8rem !important;
   }
 
   .kills, .deaths, .assists, .kdiff, .duration, .hltv, .length,