moving user filter for groups

app/assets/javascripts/discourse/templates/group-index.hbs

@@ -1,20 +1,24 @@
 <div class="group-members-actions">
-  {{text-field value=filterInput
+  {{#if hasMembers}}
-      placeholderKey=filterPlaceholder
+    {{text-field value=filterInput
-      class="group-username-filter no-blur"}}
+        placeholderKey=filterPlaceholder
-
+        class="group-username-filter no-blur"}}
-  {{#if canManageGroup}}
-    {{#if currentUser.admin}}
-      {{group-members-dropdown
-          showAddMembersModal="showAddMembersModal"
-          showBulkAddModal="showBulkAddModal"}}
-    {{else}}
-      {{d-button icon="plus"
-          action="showAddMembersModal"
-          label="groups.add_members.title"
-          class="group-members-add"}}
-    {{/if}}
   {{/if}}
+
+  <div class="group-members-add">
+    {{#if canManageGroup}}
+      {{d-button icon="plus"
+      action="showAddMembersModal"
+      label="groups.add_members.title"
+      class="group-members-add"}}
+      {{#if currentUser.admin}}
+        {{d-button icon="plus"
+        action="showBulkAddModal"
+        label="admin.groups.bulk_add.title"
+        class="group-bulk-add"}}
+      {{/if}}
+    {{/if}}
+  </div>
 </div>
 
 {{#if hasMembers}}

app/assets/stylesheets/common/base/group.scss

@@ -14,18 +14,19 @@
 }
 
 .group-members-actions {
-  position: absolute;
+  display: flex;
-  top: -49px;
+  flex-wrap: wrap;
-  right: 0px;
+  width: 100%;
+
+  input + .group-members-add {
+    margin-left: auto;
+  }
 
   .group-username-filter {
-    margin: 0px;
+    margin: 0 0 5px 0;
     vertical-align: middle;
   }
 
-  .group-members-dropdown, .group-members-add {
-    vertical-align: middle;
-  }
 }
 
 .group-info {