diff --git a/src/components/PlayerProfileView/ProfileHistoryList.vue b/src/components/PlayerProfileView/ProfileHistoryList.vue
index 9694f1c..5c81bfc 100644
--- a/src/components/PlayerProfileView/ProfileHistoryList.vue
+++ b/src/components/PlayerProfileView/ProfileHistoryList.vue
@@ -14,80 +14,84 @@
-
- -
-
-

+
+
+
+

-

+

-

+

-
- {{ entry.date.toLocaleString('pl-PL', { dateStyle: 'long', timeStyle: 'short' }) }}
-
- -
- {{
- new Date(entry.value.timestampTo).toLocaleString('pl-PL', {
- dateStyle:
- new Date(entry.value.timestampTo).getDay() == entry.date.getDay()
- ? undefined
- : 'long',
- timeStyle: 'short'
- })
- }}
-
-
-
+
+ {{ entry.date.toLocaleString('pl-PL', { dateStyle: 'long', timeStyle: 'short' }) }}
+
+ -
+ {{
+ new Date(entry.value.timestampTo).toLocaleString('pl-PL', {
+ dateStyle:
+ new Date(entry.value.timestampTo).getDay() == entry.date.getDay()
+ ? undefined
+ : 'long',
+ timeStyle: 'short'
+ })
+ }}
+
+
+
-
-
-
- {{ entry.value.trainCategoryCode }}
-
- {{ ' ' }}
- {{ entry.value.trainNo }}
-
- {{ ' ' }} {{ t('profile.list.for') }}: {{ entry.value.driverName }}
-
- {{ ' ' }}
- {{ entry.value.route.replace('|', ' > ') }}
- {{ ' ' }}
- ({{ entry.value.currentDistance }} km / {{ entry.value.routeDistance }} km)
-
+
+
+
+ {{ entry.value.trainCategoryCode }}
+
+ {{ ' ' }}
+ {{ entry.value.trainNo }}
+
+ {{ ' ' }} {{ t('profile.list.for') }}: {{ entry.value.driverName }}
+
+ {{ ' ' }}
+ {{ entry.value.route.replace('|', ' > ') }}
+ {{ ' ' }}
+ ({{ entry.value.currentDistance }} km / {{ entry.value.routeDistance }} km)
+
-
-
- {{ entry.value.stationName }}
- {{ ' - ' }}
-
- {{ t('profile.list.online-since') }}:
- {{
- humanizeDuration(
- (entry.value.timestampTo || Date.now()) - entry.value.timestampFrom
- )
- }}
-
-
-
-
+
+
+ {{ entry.value.stationName }}
+ {{ ' - ' }}
+
+ {{ t('profile.list.online-since') }}:
+ {{
+ humanizeDuration((entry.value.timestampTo || Date.now()) - entry.value.timestampFrom)
+ }}
+
+
+
@@ -224,17 +228,25 @@ function toggleFilter(filterType: JournalEntryType) {
}
.history-list-box {
- & > ul > li {
- display: flex;
- flex-direction: column;
- gap: 0.25em;
+ padding: 0.25em;
+}
- background-color: var(--clr-tile);
- padding: 0.5em;
+.history-list-box > a {
+ display: flex;
+ flex-direction: column;
+ gap: 0.25em;
- margin-bottom: 0.5em;
- text-align: initial;
- }
+ background-color: var(--clr-tile);
+ padding: 0.5em;
+
+ margin-bottom: 0.5em;
+ text-align: initial;
+}
+
+.entry-top-date {
+ display: flex;
+ align-items: center;
+ gap: 0.25em;
}
.timestamp-indicator {
diff --git a/src/components/PlayerProfileView/ProfileSummary.vue b/src/components/PlayerProfileView/ProfileSummary.vue
index 8601ba4..9a23483 100644
--- a/src/components/PlayerProfileView/ProfileSummary.vue
+++ b/src/components/PlayerProfileView/ProfileSummary.vue
@@ -6,7 +6,6 @@
v-if="playerTD2Info"
:src="`https://td2.info.pl/index.php?action=dlattach;attach=${playerTD2Info.avatar};type=avatar`"
alt="player image"
- height="120"
@error="(e) => ((e.target as any).src = '/images/default-avatar.jpg')"
/>
@@ -71,6 +70,10 @@