From 0b7367137b922bfa915dce095f40d80f6891cd72 Mon Sep 17 00:00:00 2001
From: Walter Rafelsberger <walter@rafelsberger.at>
Date: Tue, 12 Jun 2018 15:02:23 +0200
Subject: [PATCH] [ML] Migrates advanced job wizard page wrapper to EUI.
 (#19815)

---
 .../ml/public/jobs/new_job/advanced/new_job.html  | 15 ++++++++++-----
 .../public/jobs/new_job/advanced/styles/main.less | 13 -------------
 2 files changed, 10 insertions(+), 18 deletions(-)

diff --git a/x-pack/plugins/ml/public/jobs/new_job/advanced/new_job.html b/x-pack/plugins/ml/public/jobs/new_job/advanced/new_job.html
index ade274940949..12a6057fc690 100644
--- a/x-pack/plugins/ml/public/jobs/new_job/advanced/new_job.html
+++ b/x-pack/plugins/ml/public/jobs/new_job/advanced/new_job.html
@@ -1,10 +1,14 @@
 <ml-nav-menu name="new_job_advanced"></ml-nav-menu>
-<ml-new-job>
+<ml-new-job class="euiPage euiPage--widthIsNotRestricted">
   <ml-message-bar></ml-message-bar>
-  <div ng-controller="MlNewJob" class="container">
-    <div>
-      <h3 class="euiTitle euiTitle--large">{{ui.pageTitle}}</h3>
-      <div class="euiSpacer euiSpacer--s"></div>
+  <div ng-controller="MlNewJob" class="euiPageBody">
+    <div class="euiPanel euiPanel--paddingLarge euiPageContent">
+      <div class="euiPageContentHeader">
+        <div class="euiPageContentHeaderSection">
+          <h3 class="euiTitle euiTitle--large">{{ui.pageTitle}}</h3>
+        </div>
+      </div>
+      <div class="euiPageContentBody">
         <ul class="nav nav-tabs">
           <li
             class="kbn-settings-tab"
@@ -538,5 +542,6 @@
         </div>
 
       </div>
+    </div>
   </div>
 </ml-new-job>
diff --git a/x-pack/plugins/ml/public/jobs/new_job/advanced/styles/main.less b/x-pack/plugins/ml/public/jobs/new_job/advanced/styles/main.less
index b01ff0efa48e..f30824c94947 100644
--- a/x-pack/plugins/ml/public/jobs/new_job/advanced/styles/main.less
+++ b/x-pack/plugins/ml/public/jobs/new_job/advanced/styles/main.less
@@ -194,16 +194,3 @@ ml-new-job {
     white-space: pre;
   }
 }
-
-.container {
-  .container-fixed();
-  @media (min-width: 1430px) {
-    width: 1340px;
-  }
-  @media (min-width: 1630px) {
-    width: 1540px;
-  }
-  @media (min-width: 1830px) {
-    width: 1640px;
-  }
-}