Added 'clear all' button to tag filter. Tag name never removes tag. Added actor scene scraping to LegalPorno.

assets/components/tags/tags.vue

@@ -158,9 +158,9 @@ export default {
 
 .heading {
 	display: inline-block;
-	background: var(--primary);
-	color: var(--text-light);
-	padding: .5rem;
+	color: var(--primary);
+	padding: 0 .5rem;
+	margin: .5rem 0 1rem 0;
     font-size: 1rem;
     text-transform: capitalize;
 }

assets/components/tags/tile.vue

@@ -3,6 +3,12 @@
 		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"
@@ -42,12 +48,6 @@
 				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,6 +85,16 @@ export default {
     box-sizing: border-box;
     position: relative;
 	text-decoration: none;
+
+	&:hover {
+		.title {
+			color: var(--primary);
+		}
+
+		.poster {
+			box-shadow: 0 0 3px var(--darken);
+		}
+	}
 }
 
 .poster {
@@ -95,7 +105,7 @@ export default {
 .title {
 	display: inline-block;
     box-sizing: border-box;
-    padding: .25rem .5rem .25rem 1rem;
+    padding: .25rem 1rem .25rem .5rem;
 	overflow: hidden;
 	white-space: nowrap;
     color: var(--shadow-strong);
@@ -104,13 +114,4 @@ export default {
     text-transform: capitalize;
 	text-overflow: ellipsis;
 }
-
-.poster-link:hover + .title,
-.title:hover {
-	color: var(--primary)
-}
-
-.poster-link:hover .poster {
-	box-shadow: 0 0 3px var(--darken);
-}
 </style>