From 39b16fb3d407c676636c8db54050fed417592a33 Mon Sep 17 00:00:00 2001
From: Zimo <peter.zimon@gmail.com>
Date: Sat, 23 Feb 2019 18:57:06 +0700
Subject: [PATCH] Updated member list search design

---
 ghost/admin/app/templates/members.hbs | 28 +++++++++++++++------------
 1 file changed, 16 insertions(+), 12 deletions(-)

diff --git a/ghost/admin/app/templates/members.hbs b/ghost/admin/app/templates/members.hbs
index cf82689784..34dcee4be4 100644
--- a/ghost/admin/app/templates/members.hbs
+++ b/ghost/admin/app/templates/members.hbs
@@ -4,21 +4,25 @@
     </header>
 
     <section class="view-container h-100">
-        <div class="flex justify-between items-center pt1">
+
+        <div>
+            <GhTextInput placeholder="Search members..." @value={{this.searchText}}
+                @input={{action (mut this.searchText) value="target.value"}} />
+        </div>
+
+        <div class="flex justify-between items-center pt1 mt7">
             <h2 class="f7 fw4 midgrey">
-                All members
-                {{#if this.fetchMembers.lastSuccessful}}
-                    ({{this.meta.pagination.total}})
+                {{#if this.searchText}}
+                    Search result
                 {{else}}
-                    (Loading...)
+                    All members
+                    {{#if this.fetchMembers.lastSuccessful}}
+                        ({{this.meta.pagination.total}})
+                    {{else}}
+                        (Loading...)
+                    {{/if}}
                 {{/if}}
             </h2>
-            <div>
-                <GhTextInput
-                    placeholder="Search..."
-                    @value={{this.searchText}}
-                    @input={{action (mut this.searchText) value="target.value"}} />
-            </div>
         </div>
 
         {{#if this.filteredMembers}}
@@ -53,7 +57,7 @@
                     <GhLoadingSpinner />
                 </div>
             {{else}}
-                <p>No members found.</p>
+                <p class="mt2 pt10 bt b--whitegrey tc midlightgrey">No members found.</p>
             {{/if}}
         {{/if}}
     </section>