From 51d952ffee2c88c0efdb0442239aedcadfe797cf Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Sun, 15 Feb 2026 17:18:17 +0100
Subject: [PATCH] chore(profile): improved profile player stats header

---
 .../PlayerProfileView/ProfileSummary.vue      | 20 +++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/components/PlayerProfileView/ProfileSummary.vue b/src/components/PlayerProfileView/ProfileSummary.vue
index 320562e..8601ba4 100644
--- a/src/components/PlayerProfileView/ProfileSummary.vue
+++ b/src/components/PlayerProfileView/ProfileSummary.vue
@@ -77,8 +77,10 @@
 
     <div class="player-stats">
       <div class="stats-driver">
-        <img src="/images/icon-train.svg" width="35" alt="train icon" />
-        <h3>{{ t('profile.stats.header-driver') }}</h3>
+        <h3 class="stats-header">
+          <img src="/images/icon-train.svg" width="30" alt="train icon" />
+          {{ t('profile.stats.header-driver') }}
+        </h3>
         <hr />
 
         <div v-if="playerInfo.driverStats.countAll > 0">
@@ -142,8 +144,11 @@
         class="stats-dispatcher"
         v-if="playerInfo.dispatcherStats && playerInfo.dispatcherStats.services?.count"
       >
-        <img src="/images/icon-user.svg" width="35" alt="user icon" />
-        <h3>{{ t('profile.stats.header-dispatcher') }}</h3>
+        <h3 class="stats-header">
+          <img src="/images/icon-user.svg" width="30" alt="user icon" />
+          {{ t('profile.stats.header-dispatcher') }}
+        </h3>
+
         <hr />
 
         <div>
@@ -287,6 +292,13 @@ const activeTrains = computed(() => {
   }
 }
 
+.stats-header {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5em;
+}
+
 .info-activity {
   display: flex;
   justify-content: center;