Add project count indicator

gitcoinco · May 4, 2020 · 4ec8a2b · 4ec8a2b
1 parent cac1d2b
commit 4ec8a2b
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/app/dashboard/templates/profiles/tribes-vue.html b/app/dashboard/templates/profiles/tribes-vue.html
@@ -445,8 +445,8 @@
                     </template>
                     <project-directory v-bind:tribe="tribe.handle" inline-template>
                       <div class="sidebar-container flex-column flex-lg-row mb-4">
-                        <div class="pb-4 border-bottom form-group">
-                          <div class="d-flex flex-grow-1 d-md-inline-block mx-3" id="search_projects">
+                        <div class="pb-4 border-bottom form-group mt-3">
+                          <div class="d-flex flex-grow-1 mx-3 d-md-none" id="search_projects">
                             <form class="form-inline my-2 flex-fill justify-content-center">
                               <div class="input-group w-100">
                                 <input class="form-control" v-model="searchTerm" type="search" placeholder="Search" aria-label="Search">
@@ -456,6 +456,9 @@
                               </div>
                             </form>
                           </div>
+                          <p class="font-body mx-3 mb-2 mt-4 mx-lg-0 mt-lg-2 d-md-none">
+                             <span class="font-weight-bold">[[ numProjects ]] projects </span> found
+                          </p>
                         </div>
                         <transition name="fade">
                           <nav v-show="showFilters" class="sidebar flex-fill p-4" role="navigation">