From bb64452382297165ca4160a11c5c4eb919ab1260 Mon Sep 17 00:00:00 2001
From: konrad <k@knt.li>
Date: Mon, 15 Nov 2021 14:26:46 +0000
Subject: [PATCH] chore: use a class to set the logo size (#1004)

Co-authored-by: kolaente <k@knt.li>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/1004
Reviewed-by: dpschen <dpschen@noreply.kolaente.de>
Co-authored-by: konrad <k@knt.li>
Co-committed-by: konrad <k@knt.li>
---
 src/views/migrator/MigrateService.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/views/migrator/MigrateService.vue b/src/views/migrator/MigrateService.vue
index 444ce5c2..89f2ba1b 100644
--- a/src/views/migrator/MigrateService.vue
+++ b/src/views/migrator/MigrateService.vue
@@ -37,11 +37,11 @@
 				class="migration-in-progress-container"
 			>
 				<div class="migration-in-progress">
-					<img :alt="migrator.name" :src="migrator.icon"/>
+					<img :alt="migrator.name" :src="migrator.icon" class="logo"/>
 					<div class="progress-dots">
 						<span v-for="i in progressDotsCount" :key="i" />
 					</div>
-					<Logo/>
+					<Logo class="logo"/>
 				</div>
 				<p>{{ $t('migrate.inProgress') }}</p>
 			</div>
@@ -185,12 +185,12 @@ export default {
   justify-content: space-between;
   align-items: center;
   margin-bottom: 2rem;
+}
 
-  img, svg {
-    display: block;
-    max-height: 100px;
-	max-width: 100px;
-  }
+.logo {
+  display: block;
+  max-height: 100px;
+  max-width: 100px;
 }
 
 .progress-dots {