diff --git a/frontend/src/v2/components/Gallery/GameListRow.vue b/frontend/src/v2/components/Gallery/GameListRow.vue index c426498ab..1615220b8 100644 --- a/frontend/src/v2/components/Gallery/GameListRow.vue +++ b/frontend/src/v2/components/Gallery/GameListRow.vue @@ -579,11 +579,13 @@ onBeforeUnmount(() => { justify-content: flex-end; } -/* Cover sits in its own fixed-width column (left-aligned, vertically - centred) so the title/meta column starts at the same x on every row. */ +/* Cover sits in its own fixed-width column (right-aligned, vertically + centred) so the title/meta column starts at the same x on every row and + the cover hugs the title side. */ .game-list-row__cover { display: flex; align-items: center; + justify-content: flex-end; } .game-list-row__title { diff --git a/frontend/src/v2/components/Gallery/GameListSkeletonRow.vue b/frontend/src/v2/components/Gallery/GameListSkeletonRow.vue index 4388089c9..7869c76df 100644 --- a/frontend/src/v2/components/Gallery/GameListSkeletonRow.vue +++ b/frontend/src/v2/components/Gallery/GameListSkeletonRow.vue @@ -43,7 +43,10 @@ const gridStyle = computed(() => ({