Fix approvers list item width issue

**What happened?**
Wrapping with `settings-flex-row` caused issues when
it was updated to actually `display: flex` in b714c3ec.

ee/app/assets/javascripts/approvals/components/approvers_list_item.vue

@@ -37,8 +37,7 @@ export default {
 
 <template>
   <transition name="fade">
-    <li class="settings-flex-row">
-      <div class="px-3 d-flex align-items-center">
+    <li class="d-flex align-items-center px-3">
       <hidden-groups-item v-if="isHiddenGroups" />
       <template v-else>
         <avatar :project="approver" :size="24" /><span>{{ displayName }}</span>
@@ -46,7 +45,6 @@ export default {
       <gl-button variant="none" class="ml-auto" @click="$emit('remove', approver)">
         <icon name="remove" :aria-label="__('Remove')" />
       </gl-button>
-      </div>
     </li>
   </transition>
 </template>