From d4c1664e5c2d4b14e6cf733bc53b18e1ba45ff0d Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Mon, 13 Apr 2026 21:11:09 +0100
Subject: [PATCH] fix: mobile filter layout + ecology count reflects filtered
 set

---
 app/pages/members/index.vue | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/app/pages/members/index.vue b/app/pages/members/index.vue
index 1ae43bf..5aeac12 100644
--- a/app/pages/members/index.vue
+++ b/app/pages/members/index.vue
@@ -63,7 +63,7 @@
       </template>
 
       <template v-if="viewMode === 'ecology'">
-        <span class="filter-count ecology-count">{{ suggestions.length }} connection{{ suggestions.length === 1 ? '' : 's' }}</span>
+        <span class="filter-count ecology-count">{{ filteredSuggestions.length }} connection{{ filteredSuggestions.length === 1 ? '' : 's' }}</span>
       </template>
     </div>
 
@@ -1258,23 +1258,28 @@ onMounted(async () => {
   .filter-bar {
     padding: 12px 16px;
     gap: 8px;
+    flex-direction: row;
+    flex-wrap: wrap;
   }
   .view-toggle {
-    width: 100%;
+    flex: 1 1 auto;
   }
   .toggle-btn {
     flex: 1;
     justify-content: center;
   }
   .filter-search {
-    width: 100%;
+    flex: 1 1 auto;
     min-width: 0;
   }
   .filter-select {
-    flex: 1;
+    flex: 1 1 45%;
   }
   .filter-toggle {
-    flex: 1;
+    flex: 1 1 45%;
+  }
+  .filter-count {
+    flex-basis: 100%;
   }
 }
 </style>