From da75f167382e04472793293a12770736560f1671 Mon Sep 17 00:00:00 2001
From: vikingowl <cw.nachtigall@gmail.com>
Date: Sat, 29 Jan 2022 05:01:16 +0100
Subject: [PATCH] fixed broken match-table on mobile screens

---
 package.json                    |  2 +-
 src/components/Footer.vue       |  2 +-
 src/components/MatchesTable.vue | 30 ++++++++++++++++++++++++++----
 3 files changed, 28 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index ab11c41..649b77d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "csgowtf",
-  "version": "0.29.0",
+  "version": "0.29.1",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index e992d00..63392af 100644
--- a/src/components/Footer.vue
+++ b/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>
diff --git a/src/components/MatchesTable.vue b/src/components/MatchesTable.vue
index 437445a..30bf6fe 100644
--- a/src/components/MatchesTable.vue
+++ b/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,