Added movie tile. Fixed actor header. Larger breakpoint for nav menu.

assets/components/tags/tags.vue

@@ -48,13 +48,11 @@ async function mounted() {
 			'creampie',
 			'squirting',
 		],
-		ethnicity: [
+		appearance: [
 			'asian',
 			'ebony',
 			'latina',
 			'caucasian',
-		],
-		appearance: [
 			'natural-boobs',
 			'fake-boobs',
 			'blonde',

assets/components/tags/tile.vue

@@ -3,12 +3,6 @@
 		v-if="tag.poster"
 		class="tile"
 	>
-		<router-link
-			class="title"
-			:to="{ name: 'tag', params: { tagSlug: tag.slug, range: 'latest' } }"
-			:title="tag.name"
-		>{{ tag.name }}</router-link>
-
 		<router-link
 			:to="{ name: 'tag', params: { tagSlug: tag.slug, range: 'latest' } }"
 			:title="tag.name"
@@ -48,6 +42,13 @@
 				class="poster"
 			>
 		</router-link>
+
+		<router-link
+			class="title"
+			:to="{ name: 'tag', params: { tagSlug: tag.slug, range: 'latest' } }"
+			:title="tag.name"
+		>{{ tag.name }}</router-link>
+
 	</div>
 
 	<span
@@ -85,15 +86,10 @@ export default {
     box-sizing: border-box;
     position: relative;
 	text-decoration: none;
+	font-size: 0;
 
-	&:hover {
-		.title {
-			color: var(--primary);
-		}
-
-		.poster {
-			box-shadow: 0 0 3px var(--darken);
-		}
+	&:hover .poster {
+		box-shadow: 0 0 3px var(--darken);
 	}
 }
 
@@ -103,13 +99,15 @@ export default {
 }
 
 .title {
-	display: inline-block;
+	display: block;
     box-sizing: border-box;
-    padding: .25rem 1rem .25rem .5rem;
+    padding: .5rem;
 	overflow: hidden;
 	white-space: nowrap;
-    color: var(--shadow-strong);
+	color: var(--text-light);
+	background: var(--profile);
 	text-decoration: none;
+	font-size: .9rem;
     font-weight: bold;
     text-transform: capitalize;
 	text-overflow: ellipsis;