From 77b79de02f533048fa790993048cc21610ec08a7 Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Thu, 24 Apr 2025 17:03:50 -0500
Subject: [PATCH] Add missing filter display classes, style input

---
 app/assets/stylesheets/filters.css  | 8 ++++++++
 app/views/collections/edit.html.erb | 4 +++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/filters.css b/app/assets/stylesheets/filters.css
index cf7c894f0..e374ca3d0 100644
--- a/app/assets/stylesheets/filters.css
+++ b/app/assets/stylesheets/filters.css
@@ -107,3 +107,11 @@
     }
   }
 }
+
+.filter--active li {
+  display: none;
+
+  &.selected {
+    display: flex;
+  }
+}
diff --git a/app/views/collections/edit.html.erb b/app/views/collections/edit.html.erb
index af2df9798..2cd90e5c3 100644
--- a/app/views/collections/edit.html.erb
+++ b/app/views/collections/edit.html.erb
@@ -49,7 +49,9 @@
           <hr class="separator--horizontal margin-inline" style="--border-color: var(--color-subtle-dark);" aria-hidden="true" />
 
           <% if User.active.count > 20 %>
-            <input placeholder="Filter…" class="input input--transparent full-width" type="search" autocorrect="off" autocomplete="off" data-1p-ignore="true" data-action="input->filter#filter">
+            <div class="pad-inline">
+              <input placeholder="Filter…" class="input input--transparent full-width" type="search" autocorrect="off" autocomplete="off" data-1p-ignore="true" data-action="input->filter#filter">
+            </div>
           <% end %>
 
           <div data-filter-target="list" class="users-list pad-inline">