Fixed logo hiding in tag album. Full comment bar links to channel.

assets/components/album/album.vue

@@ -34,13 +34,11 @@
 
 						<Logo :photo="item" />
 
-						<span
+						<router-link
 							v-if="comments && item.title && item.entity"
-							class="item-comment"
-						>{{ item.title }} for <router-link
 							:to="`/${item.entity.type}/${item.entity.slug}`"
-							class="link"
-						>{{ item.entity.name }}</router-link></span>
+							class="item-comment"
+						>{{ item.title }} for {{ item.entity.name }}</router-link>
 
 						<span
 							v-else-if="comments && item.title"
@@ -176,7 +174,7 @@ export default {
 			transform: translateY(0);
 		}
 
-		.album-logo {
+		::v-deep(.album-logo) {
 			opacity: 0;
 		}
 	}
@@ -198,14 +196,11 @@ export default {
 	background: var(--darken);
 	font-size: .9rem;
 	text-shadow: 0 0 3px var(--darken);
+	text-decoration: none;
 	white-space: normal;
 	line-height: 1.25;
 	transform: translateY(100%);
 	transition: transform .25s ease;
-
-	.link {
-		color: inherit;
-	}
 }
 
 @media(max-width: $breakpoint-giga) {

assets/components/tags/photos.vue

@@ -19,13 +19,11 @@
 
 			<Logo :photo="photo" />
 
-			<span
+			<router-link
 				v-if="photo.comment && photo.entity"
-				class="photo-comment"
-			>{{ photo.comment }} for <router-link
 				:to="`/${photo.entity.type}/${photo.entity.slug}`"
-				class="link"
-			>{{ photo.entity.name }}</router-link></span>
+				class="photo-comment"
+			>{{ photo.comment }} for {{ photo.entity.name }}</router-link>
 
 			<span
 				v-else-if="photo.comment"
@@ -143,13 +141,10 @@ export default {
 	background: var(--shadow);
 	font-size: .9rem;
 	text-shadow: 0 0 3px var(--shadow);
+	text-decoration: none;
 	white-space: normal;
 	line-height: 1.25;
 	transform: translateY(100%);
 	transition: transform .25s ease;
-
-	.link {
-		color: inherit;
-	}
 }
 </style>