Improved channel and movie scaling. Added scroll handle to filter sidebar.

components/filters/filters.vue

@@ -304,6 +304,12 @@ function toggleFilters(state) {
 	line-height: 1.25;
 	font-size: .9rem;
 }
+
+@media (--compact) {
+	.filter {
+		border-right: solid 1px var(--shadow-weak-30);
+	}
+}
 </style>
 
 <style scoped>
@@ -392,7 +398,7 @@ function toggleFilters(state) {
 	pointer-events: none;
 }
 
-@media (max-width: 1200px) {
+@media (--compact) {
 	.filters-container {
 		display: none;
 		height: 100%;
@@ -409,6 +415,8 @@ function toggleFilters(state) {
 	}
 
 	.filters {
+		width: 20rem;
+		border-right: solid 1.5rem var(--background);
 		overflow-y: auto;
 	}