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) {

assets/components/header/header.vue

@@ -93,7 +93,7 @@
 				</div>
 
 				<template v-slot:tooltip>
-					<Menu />
+					<Menu @show-filters="state => $emit('showFilters', state)" />
 				</template>
 			</Tooltip>
 

assets/components/header/menu.vue

@@ -114,6 +114,7 @@ export default {
 			me,
 		}),
 	},
+	emits: ['showFilters'],
 	methods: {
 		setSfw,
 		setTheme,