From 91852c5dd5e1f4c8cfc2061dc5ebe03d92e85482 Mon Sep 17 00:00:00 2001
From: VIktorGrev <viktog2210@gmail.com>
Date: Fri, 3 May 2024 14:00:10 +0200
Subject: [PATCH] style: Changing position
---
src/components/UserProfile/MyProfile.vue | 6 +++---
1 file changed, 3 insertions(+), 3 deletions(-)
diff --git a/src/components/UserProfile/MyProfile.vue b/src/components/UserProfile/MyProfile.vue
index 8885415..89f6f7a 100644
--- a/src/components/UserProfile/MyProfile.vue
+++ b/src/components/UserProfile/MyProfile.vue
@@ -156,13 +156,13 @@ const toUpdateUserSettings = () => {
</div>
<h1 data-cy="firstname" style="display: flex; align-items: end; margin-bottom: 20px;">{{ firstname }} {{ lastname }}</h1>
</div>
- <div class="d-flex align-items-end text-white my-3">
+ <div class="d-flex align-items-end text-white my-3 mx-5">
<div class="d-flex align-items-center flex-column">
- <p class="mb-1 h2 d-flex flex-column align-items-center" data-cy="points">{{ points }} <img src="@/assets/items/pigcoin.png" style="width: 60px; height: 60px"></p>
+ <p class="mb-1 h2 d-flex flex-column align-items-center" data-cy="points">{{ points }} <img src="@/assets/items/pigcoin.png" style="width: 80px; height: 80px"></p>
<p class="small text-white mb-0">Poeng</p>
</div>
<div class="d-flex align-items-center flex-column px-3">
- <p class="mb-1 h2 d-flex flex-column align-items-center" data-cy="streak">{{ streak }} <img src="@/assets/icons/fire.png" style="width: 60px; height: 60px"></p>
+ <p class="mb-1 h2 d-flex flex-column align-items-center" data-cy="streak">{{ streak }} <img src="@/assets/icons/fire.png" style="width: 80px; height: 80px"></p>
<p class="small text-white mb-0">Streak</p>
</div>
</div>
--
GitLab