[One Workflow] Fix Actions menu row layout after EUI 116 upgrade

EUI 116 routes EuiSelectableListItem through the shared EuiListItemLayout,
which adds vertical padding on __text and a gap on __content.
renderActionOption owns its own spacing, so the new styles stacked on top
and inflated every row. Zero out the gap/padding to restore the row height.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: Kiryous

src/platform/plugins/shared/workflows_management/public/features/actions_menu_popover/ui/actions_menu.tsx

@@ -417,12 +417,26 @@ const componentStyles = {
       '& .euiSelectableListItem.compactOption': {
         paddingBlock: euiTheme.size.s,
       },
+      // EUI 116 routes EuiSelectableListItem through EuiListItemLayout, which
+      // adds gap on __content and vertical padding on __text and drops the
+      // between-row border. renderActionOption owns its own spacing, so zero
+      // the new gap/padding out and re-add the row border to match the design.
+      '& .euiSelectableListItem__content': {
+        gap: 0,
+      },
+      '& .euiSelectableListItem__text': {
+        paddingBlock: 0,
+      },
+      '& .euiSelectableListItem:not(:last-of-type)': {
+        borderBottom: euiTheme.border.thin,
+      },
       '& .euiSelectableList': {
         maxHeight: '420px',
         overflowY: 'auto',
       },
       '& .euiSelectableList__groupLabel': {
         borderBottom: euiTheme.border.thin,
+        paddingInline: '16px',
       },
       '& .euiSelectableList__groupLabel ~ .euiSelectableList__groupLabel': {
         marginTop: '24px',
@@ -435,7 +449,8 @@ const componentStyles = {
   }),
   header: ({ euiTheme }: UseEuiTheme) =>
     css({
-      padding: euiTheme.size.m,
+      paddingBlock: euiTheme.size.m,
+      paddingInline: '16px',
     }),
   actionOption: css({
     gap: '12px',