Aggregating channels, filter inoperable.

components/filters/filters.vue

@@ -186,11 +186,17 @@ function toggleFilters(state) {
 	justify-content: space-between;
 	align-items: center;
 	flex-grow: 1;
-	padding: .25rem .75rem .25rem 1rem;
+	padding: .25rem 0 .25rem .25rem;
 	color: var(--text);
 	text-decoration: none;
 }
 
+.filter-text {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
 .filter-include {
 	display: flex;
 	align-items: center;
@@ -222,13 +228,13 @@ function toggleFilters(state) {
 	align-items: center;
 	align-self: stretch;
 	justify-content: center;
-	padding: 0 .5rem;
+	padding: 0 .25rem;
 	cursor: pointer;
 	font-weight: bold;
 	color: var(--shadow);
 
 	&.order {
-		padding: 0 1rem 0 .25rem;
+		padding: 0 .5rem 0 .25rem;
 	}
 
 	.icon {