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

reaction_board/web/static/style.css

@@ -258,9 +258,10 @@ h1, h2, h3, p { margin: 0; }
 
 .notice-row {
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
-  gap: 12px;
+  gap: 4px 12px;
   padding: 11px 14px;
   border: 1px solid color-mix(in srgb, var(--accent) 45%, var(--border));
   border-radius: 13px;
@@ -501,6 +502,10 @@ h1, h2, h3, p { margin: 0; }
 .select { max-width: 170px; }
 .filter-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
 .filter-row > .chip-row { flex: 1; min-width: 200px; }
+@media (max-width: 619px) {
+  .filter-row > .chip-row { flex-basis: 100%; min-width: 0; }
+  .filter-row .select { width: 100%; max-width: none; }
+}
 .growth-days { padding-top: 2px; }
 
 .rank-list { display: flex; flex-direction: column; gap: 8px; }