[Synthetics] Update codeblock parent wrapping (#149148)

x-pack/plugins/synthetics/public/apps/synthetics/components/common/links/step_details_link.tsx

@@ -30,6 +30,7 @@ export const StepDetailsLinkIcon = ({
   if (asButton) {
     return (
       <EuiButtonEmpty
+        flush="left"
         iconType="apmTrace"
         href={`${basePath}/app/synthetics/monitor/${configId}/test-run/${checkGroup}/step/${stepIndex}?locationId=${selectedLocation?.id}`}
       >

x-pack/plugins/synthetics/public/apps/synthetics/components/error_details/error_details_page.tsx

@@ -43,7 +43,7 @@ export function ErrorDetailsPage() {
       </PanelWithTitle>
       <EuiSpacer size="m" />
       <EuiFlexGroup gutterSize="m">
-        <EuiFlexItem grow={2}>
+        <EuiFlexItem grow={2} style={{ minWidth: 0 }}>
           <PanelWithTitle title="Failed tests">
             <FailedTestsList failedTests={failedTests} loading={loading} />
           </PanelWithTitle>

x-pack/plugins/synthetics/public/apps/synthetics/components/test_run_details/components/step_info.tsx

@@ -60,7 +60,7 @@ export const StepMetaInfo = ({
         </EuiFlexItem>
       </EuiFlexGroup>
       <EuiSpacer size="s" />
-      <EuiFlexGroup gutterSize="m">
+      <EuiFlexGroup gutterSize="m" wrap>
         {isFailed && stateId && (
           <EuiFlexItem grow={false}>
             <ErrorDetailsButton configId={monitorId} stateId={stateId} />

x-pack/plugins/synthetics/public/apps/synthetics/components/test_run_details/test_run_details.tsx

@@ -43,7 +43,7 @@ export const TestRunDetails = () => {
   return (
     <>
       <EuiFlexGroup gutterSize="m">
-        <EuiFlexItem grow={2}>
+        <EuiFlexItem grow={2} style={{ minWidth: 0 }}>
           <EuiPanel hasShadow={false} hasBorder>
             <EuiFlexGroup alignItems="center">
               <EuiFlexItem grow={true}>