From 2b358860a4bd6a821169a561d2d85a73badb8093 Mon Sep 17 00:00:00 2001
From: Dima Arnautov <dmitrii.arnautov@elastic.co>
Date: Tue, 16 Nov 2021 13:34:39 +0100
Subject: [PATCH] fix paddings

---
 .../models_management/expanded_row.tsx        | 47 +++++++++----------
 1 file changed, 23 insertions(+), 24 deletions(-)

diff --git a/x-pack/plugins/ml/public/application/trained_models/models_management/expanded_row.tsx b/x-pack/plugins/ml/public/application/trained_models/models_management/expanded_row.tsx
index 235677f97a219..469973a378c83 100644
--- a/x-pack/plugins/ml/public/application/trained_models/models_management/expanded_row.tsx
+++ b/x-pack/plugins/ml/public/application/trained_models/models_management/expanded_row.tsx
@@ -160,7 +160,7 @@ export const ExpandedRow: FC<ExpandedRowProps> = ({ item }) => {
       ),
       content: (
         <>
-          <EuiSpacer size={'m'} />
+          <EuiSpacer size={'s'} />
           <EuiFlexGrid columns={2} gutterSize={'m'}>
             <EuiFlexItem>
               <EuiPanel>
@@ -216,7 +216,7 @@ export const ExpandedRow: FC<ExpandedRowProps> = ({ item }) => {
             ),
             content: (
               <>
-                <EuiSpacer size={'m'} />
+                <EuiSpacer size={'s'} />
                 <EuiFlexGrid columns={2} gutterSize={'m'}>
                   <EuiFlexItem>
                     <EuiPanel>
@@ -276,27 +276,26 @@ export const ExpandedRow: FC<ExpandedRowProps> = ({ item }) => {
             ),
             content: (
               <>
-                <EuiSpacer size={'m'} />
-                {!!modelItems?.length ? (
-                  <>
-                    <EuiPanel>
-                      <EuiTitle size={'xs'}>
-                        <h5>
-                          <FormattedMessage
-                            id="xpack.ml.trainedModels.modelsList.expandedRow.deploymentStatsTitle"
-                            defaultMessage="Deployment stats"
-                          />
-                        </h5>
-                      </EuiTitle>
-                      <EuiSpacer size={'m'} />
-                      <AllocatedModels models={modelItems} hideColumns={['model_id']} />
-                    </EuiPanel>
+                <EuiSpacer size={'s'} />
 
-                    <EuiSpacer size={'m'} />
-                  </>
-                ) : null}
-                <EuiFlexGrid columns={2}>
-                  {stats.inference_stats && (
+                <EuiFlexGrid columns={2} gutterSize={'m'}>
+                  {!!modelItems?.length ? (
+                    <EuiFlexItem grow={2}>
+                      <EuiPanel>
+                        <EuiTitle size={'xs'}>
+                          <h5>
+                            <FormattedMessage
+                              id="xpack.ml.trainedModels.modelsList.expandedRow.deploymentStatsTitle"
+                              defaultMessage="Deployment stats"
+                            />
+                          </h5>
+                        </EuiTitle>
+                        <EuiSpacer size={'m'} />
+                        <AllocatedModels models={modelItems} hideColumns={['model_id']} />
+                      </EuiPanel>
+                    </EuiFlexItem>
+                  ) : null}
+                  {stats.inference_stats ? (
                     <EuiFlexItem>
                       <EuiPanel>
                         <EuiTitle size={'xs'}>
@@ -315,7 +314,7 @@ export const ExpandedRow: FC<ExpandedRowProps> = ({ item }) => {
                         />
                       </EuiPanel>
                     </EuiFlexItem>
-                  )}
+                  ) : null}
                 </EuiFlexGrid>
               </>
             ),
@@ -337,7 +336,7 @@ export const ExpandedRow: FC<ExpandedRowProps> = ({ item }) => {
             ),
             content: (
               <>
-                <EuiSpacer size={'m'} />
+                <EuiSpacer size={'s'} />
                 <ModelPipelines pipelines={pipelines!} ingestStats={stats.ingest} />
               </>
             ),