From a7861b361dbb0e4aae48bfdc4f086b9bf44e6869 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Sun, 3 Mar 2024 15:10:29 +0100
Subject: [PATCH] =?UTF-8?q?design=20statystyk=20poci=C4=85gu?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TrainsView/TrainInfo.vue | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/components/TrainsView/TrainInfo.vue b/src/components/TrainsView/TrainInfo.vue
index d730570..3aae1b5 100644
--- a/src/components/TrainsView/TrainInfo.vue
+++ b/src/components/TrainsView/TrainInfo.vue
@@ -100,17 +100,18 @@
       <StockList :trainStockList="train.stockList" :tractionOnly="true" />
 
       <div>
-        <span v-for="(stat, i) in STATS.main" :key="stat.name">
-          <span v-if="i > 0"> &bull; </span>
-          <span
-            >{{ `${~~((train as any)[stat.name] * (stat.multiplier || 1))}${stat.unit}` }}
-          </span>
-        </span>
-      </div>
+        <span>{{ train.speed }}km/h</span>
 
-      <span v-if="train.stockList.length > 1" class="text--grayed">
-        {{ $t('trains.cars') }}: {{ train.stockList.length - 1 }}
-      </span>
+        <div>
+          <span> {{ train.length }}m</span>
+          &bull;
+          <span> {{ (train.mass / 1000).toFixed(1) }}t</span>
+          <span v-if="train.stockList.length > 1">
+            &bull;
+            {{ $t('trains.cars') }}: {{ train.stockList.length - 1 }}
+          </span>
+        </div>
+      </div>
     </section>
   </div>
 </template>
@@ -167,7 +168,7 @@ export default defineComponent({
   flex-direction: column;
   text-align: center;
 
-  gap: 0.25em;
+  gap: 0.5em;
 }
 
 .train-info {