Fixed filter dialog menu link. Improved disclaimer title wrapping.

assets/components/container/warning.vue

@@ -2,7 +2,7 @@
 	<div class="warning-container">
 		<div class="warning">
 			<strong class="title">
-				<div
+				<span
 					class="logo"
 					v-html="logo"
 				/>contains sexually explicit content
@@ -79,25 +79,29 @@ export default {
 	margin: 1rem;
 }
 
-.logo {
-	width: 8rem;
-    display: inline-flex;
-	fill: var(--primary);
-	margin: -.125rem .5rem 0 0;
-}
-
 .copy,
 .rules {
 	padding: .5rem 1rem;
 }
 
 .title {
-	display: flex;
-	align-items: center;
-	justify-content: center;
+	display: block;
 	font-size: 2rem;
 	margin: 1rem 0 0 0;
 	color: var(--text-light);
+	text-align: center;
+}
+
+.logo {
+	width: 6.5rem;
+    display: inline-block;
+	fill: var(--primary);
+	margin: 0 .6rem 0 0;
+
+	::v-deep(svg) {
+		width: 100%;
+		height: 100%;
+	}
 }
 
 .copy {
@@ -210,6 +214,11 @@ export default {
 	.title {
 		font-size: 1.5rem;
 	}
+
+	.logo {
+		width: 5rem;
+		margin: 0 .5rem 0 0;
+	}
 }
 
 @media(max-width: $breakpoint-small) {