[ML] update layout to full width

Author: darnautov

x-pack/legacy/plugins/ml/public/jobs/new_job/pages/components/job_details_step/components/additional_section/additional_section.tsx

@@ -31,14 +31,8 @@ export const AdditionalSection: FC<Props> = ({ additionalExpanded, setAdditional
         <EuiFlexGroup gutterSize="xl" style={{ marginLeft: '0px', marginRight: '0px' }}>
           <EuiFlexItem>
             <CustomUrlsSelection />
-          </EuiFlexItem>
-          <EuiFlexItem />
-        </EuiFlexGroup>
-        <EuiFlexGroup gutterSize="xl" style={{ marginLeft: '0px', marginRight: '0px' }}>
-          <EuiFlexItem>
             <CalendarsSelection />
           </EuiFlexItem>
-          <EuiFlexItem />
         </EuiFlexGroup>
       </EuiAccordion>
     </Fragment>

x-pack/legacy/plugins/ml/public/jobs/new_job/pages/components/job_details_step/components/additional_section/components/calendars/description.tsx

@@ -21,6 +21,7 @@ export const Description: FC = memo(({ children }) => {
   );
   return (
     <EuiDescribedFormGroup
+      fullWidth
       idAria="description"
       title={<h3>{title}</h3>}
       description={
@@ -41,7 +42,7 @@ export const Description: FC = memo(({ children }) => {
         />
       }
     >
-      <EuiFormRow label={title} describedByIds={['description']}>
+      <EuiFormRow label={title} describedByIds={['description']} fullWidth>
         <>{children}</>
       </EuiFormRow>
     </EuiDescribedFormGroup>

x-pack/legacy/plugins/ml/public/jobs/new_job/pages/components/job_details_step/components/additional_section/components/custom_urls/description.tsx

@@ -21,6 +21,7 @@ export const Description: FC = memo(({ children }) => {
   );
   return (
     <EuiDescribedFormGroup
+      fullWidth
       idAria="description"
       title={<h3>{title}</h3>}
       description={
@@ -40,7 +41,7 @@ export const Description: FC = memo(({ children }) => {
         />
       }
     >
-      <EuiFormRow label={title} describedByIds={['description']}>
+      <EuiFormRow label={title} describedByIds={['description']} fullWidth>
         <>{children}</>
       </EuiFormRow>
     </EuiDescribedFormGroup>