Add stacked option to audit events so it fits smaller screens better

ee/app/assets/javascripts/audit_events/components/audit_events_table.vue

@@ -91,7 +91,7 @@ export default {
 
 <template>
   <div class="audit-log-table" data-testid="audit-events-table" :data-qa-selector="qaSelector">
-    <gl-table class="mt-3" :fields="$options.fields" :items="events" show-empty>
+    <gl-table class="gl-mt-5" :fields="$options.fields" :items="events" show-empty stacked="md">
       <template #cell(author)="{ value: { url, name } }">
         <url-table-cell :url="url" :name="name" />
       </template>

ee/changelogs/unreleased/make-audit-events-table-responsive.yml

+---
+title: Audit events log table is now responsive to different display sizes
+merge_request: 38803
+author:
+type: changed