From 34480ef51382dd6ecaff321866882a282436ffa4 Mon Sep 17 00:00:00 2001 From: kolaente Date: Tue, 7 Apr 2026 13:58:21 +0200 Subject: [PATCH] fix(migration): center and style migrator logos on migration page Use inline-flex layout to center logos with titles below. Constrain logo size with max-block-size and use logical CSS properties. --- frontend/src/views/migrate/Migration.vue | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/frontend/src/views/migrate/Migration.vue b/frontend/src/views/migrate/Migration.vue index da392e1a9..bcee31537 100644 --- a/frontend/src/views/migrate/Migration.vue +++ b/frontend/src/views/migrate/Migration.vue @@ -45,7 +45,10 @@ const availableMigrators = computed(() => configStore.availableMigrators } .migration-service-link { - display: inline-block; + display: inline-flex; + flex-direction: column; + align-items: center; + justify-content: flex-end; inline-size: 100px; text-transform: capitalize; margin-inline-end: 1rem; @@ -53,5 +56,8 @@ const availableMigrators = computed(() => configStore.availableMigrators .migration-service-image { display: block; + max-block-size: 80px; + inline-size: auto; + margin-block-end: 0.5rem; }