Merge branch 'sec-policies-list-adjustments' into 'master'

Secure Policies list: Fix vertical spacing and delete action

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/169947



Merged-by: Alexander Turinske <aturinske@gitlab.com>
Approved-by: Camellia X Yang <xyang@gitlab.com>
Approved-by: Alexander Turinske <aturinske@gitlab.com>
Co-authored-by: Sascha Eggenberger <seggenberger@gitlab.com>

ee/app/assets/javascripts/security_orchestration/components/policies/list_component.vue

@@ -252,6 +252,9 @@ export default {
         {
           text: __('Delete'),
           action: () => this.handleDelete(policy),
+          extraAttrs: {
+            class: '!gl-text-danger',
+          },
         },
       ];
     },
@@ -503,6 +506,7 @@ export default {
               category="tertiary"
               icon="ellipsis_v"
               placement="bottom-end"
+              class="-gl-my-3"
               :disabled="isPolicyInherited(item.source)"
             />
           </span>

ee/spec/frontend/security_orchestration/components/policies/list_component_spec.js

@@ -362,6 +362,9 @@ describe('List component', () => {
 
       const DELETE_ACTION = {
         action: expect.anything(),
+        extraAttrs: {
+          class: '!gl-text-danger',
+        },
         text: 'Delete',
       };