Fix alignment of folder-caret and actions button in the subgroup list

app/assets/javascripts/groups/components/group_item.vue

@@ -180,15 +180,8 @@ export default {
         <div v-if="isGroupPendingRemoval">
           <gl-badge variant="warning">{{ __('pending removal') }}</gl-badge>
         </div>
-        <div
-          class="metadata align-items-md-center d-flex flex-grow-1 flex-shrink-0 flex-wrap justify-content-md-between"
-        >
-          <item-actions
-            v-if="isGroup"
-            :group="group"
-            :parent-group="parentGroup"
-            :action="action"
-          />
+        <div class="metadata d-flex flex-grow-1 flex-shrink-0 flex-wrap justify-content-md-between">
+          <item-actions v-if="isGroup" :group="group" :parent-group="parentGroup" />
           <item-stats :item="group" class="group-stats gl-mt-2 d-none d-md-flex" />
         </div>
       </div>

app/assets/stylesheets/pages/groups.scss

@@ -378,10 +378,6 @@ table.pipeline-project-metrics tr td {
 
   .folder-caret {
     width: $gl-font-size-large;
-
-    svg {
-      margin-bottom: 2px;
-    }
   }
 
   .item-type-icon {

changelogs/unreleased/yo-fix-folder-line-alignment.yml

+---
+title: Fix alignment of folder-caret and actions button in the subgroup list
+merge_request: 52400
+author: Yogi (@yo)
+type: other