From 7c4b9063a7f65def6be1f9597b34657ed138809d Mon Sep 17 00:00:00 2001
From: DebaucheryLibrarian <moonloop.adult@protonmail.com>
Date: Thu, 11 Mar 2021 16:44:59 +0100
Subject: [PATCH] Centered actor lazy avatar, fixed tag favicon size on mobile.

---
 assets/components/actors/tile.vue | 1 +
 assets/components/album/logo.vue  | 6 +++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/assets/components/actors/tile.vue b/assets/components/actors/tile.vue
index 814f8e98..c2e6926a 100644
--- a/assets/components/actors/tile.vue
+++ b/assets/components/actors/tile.vue
@@ -234,6 +234,7 @@ export default {
     object-fit: cover;
     object-position: 50% 0;
 	background-size: cover;
+	background-position: center;
 }
 
 .avatar-fallback {
diff --git a/assets/components/album/logo.vue b/assets/components/album/logo.vue
index 5a9fc031..7901a34c 100644
--- a/assets/components/album/logo.vue
+++ b/assets/components/album/logo.vue
@@ -7,13 +7,13 @@
 		<img
 			v-if="favicon && photo.entity.type !== 'network' && !photo.entity.independent && photo.entity.parent"
 			:src="`/img/logos/${photo.entity.parent.slug}/favicon.png`"
-			class="album-logo"
+			class="album-logo favicon"
 		>
 
 		<img
 			v-else-if="favicon"
 			:src="`/img/logos/${photo.entity.slug}/favicon.png`"
-			class="album-logo"
+			class="album-logo favicon"
 		>
 
 		<img
@@ -58,7 +58,7 @@ module.exports = {
 }
 
 @media(max-width: $breakpoint-small) {
-	.album-logo {
+	.album-logo:not(.favicon) {
 		max-height: .5rem;
 		max-width: 3.5rem;
 	}