Merge branch '46702-groups-members-no-padding-between-dropdowns-input' into 'master'

Resolve "Groups > Members > No padding between dropdowns/input"

Closes #46702

See merge request gitlab-org/gitlab-ce!19724

app/assets/stylesheets/pages/members.scss

@@ -121,10 +121,6 @@
   background: transparent;
   border: 0;
   outline: 0;
-
-  @include media-breakpoint-up(sm) {
-    right: 160px;
-  }
 }
 
 .flex-project-members-panel {

app/views/groups/group_members/index.html.haml

@@ -25,6 +25,7 @@
       %span.badge= @members.total_count
       = form_tag group_group_members_path(@group), method: :get, class: 'form-inline member-search-form flex-project-members-form'  do
         .form-group
+          .position-relative.append-right-8
             = search_field_tag :search, params[:search], { placeholder: 'Find existing members by name', class: 'form-control', spellcheck: false }
             %button.member-search-btn{ type: "submit", "aria-label" => "Submit search" }
               = icon("search")

app/views/projects/project_members/_team.html.haml

@@ -9,6 +9,7 @@
     %span.badge.badge-pill= members.total_count
     = form_tag project_project_members_path(project), method: :get, class: 'form-inline member-search-form flex-project-members-form'  do
       .form-group
+        .position-relative
           = search_field_tag :search, params[:search], { placeholder: 'Find existing members by name', class: 'form-control', spellcheck: false }
           %button.member-search-btn{ type: "submit", "aria-label" => "Submit search" }
             = icon("search")