add approver count badge

app/assets/stylesheets/pages/settings.scss

@@ -56,7 +56,7 @@
   display: flex;
   align-items: center;
 
-  a {
-    flex: 1;
+  .pull-right {
+    margin-left: auto;
   }
 }

app/views/projects/ee/_merge_request_settings.html.haml

@@ -57,7 +57,7 @@
       Approvers
     .input-group.input-btn-group
       = users_select_tag("project[approver_ids]", multiple: true, class: 'input-large', scope: :all, email_user: true)
-      %button.btn.btn-success{ type: 'submit', title: 'Add approver(s)' }
+      %button.btn.btn-success.js-approvers{ type: 'button', title: 'Add approver(s)' }
         Add
     .help-block
       Add an approver suggestion for each merge request
@@ -75,6 +75,7 @@
     .panel.panel-default.prepend-top-10
       .panel-heading
         Approvers
+        -# TODO: badge with project.approver_group_ids.count + project.approver_ids.count
       %ul.well-list.approver-list
         - project.approvers.each do |approver|
           %li.approver.settings-flex-row
@@ -84,8 +85,12 @@
                 = icon("trash")
         - project.approver_groups.each do |approver_group|
           %li.approver-group.settings-flex-row
-            Group:
-            = link_to approver_group.group.name, approver_group.group
+            .span
+              %span.light
+                Group:
+              = link_to approver_group.group.name, approver_group.group
+              %span.badge
+                = approver_group.group.members.count
             .pull-right
               = link_to namespace_project_approver_group_path(project.namespace, project, approver_group), data: { confirm: "Are you sure you want to remove group #{approver_group.group.name}" }, method: :delete, class: "btn btn-remove", title: 'Remove group' do
                 = icon("trash")