fix(web): center active filters and compact mobile cards

reaction_board/web/static/views/video.js

@@ -1,6 +1,7 @@
 import { api } from "../api.js";
 import {
-  badge, cover, emptyState, metricChips, metricGrid, sectionHeader, videoCard,
+  badge, centerActiveChips, cover, emptyState, metricChips, metricGrid,
+  sectionHeader, videoCard,
 } from "../components.js";
 import { lineChart, emptyChart } from "../charts.js";
 import {
@@ -110,6 +111,7 @@ export async function renderVideo(root, { params, query }) {
   root.querySelectorAll("[data-range]").forEach((button) => button.addEventListener("click", () => {
     replaceQuery({ range: button.dataset.range });
   }));
+  centerActiveChips(root);
 
   const chartElement = root.querySelector("#video-trend");
   if (chartElement) {