From 58f5a458597c4bf20574a95af8af53b5258c5a1b Mon Sep 17 00:00:00 2001
From: Corey Robertson <corey.robertson@elastic.co>
Date: Mon, 13 Jan 2020 15:06:19 -0500
Subject: [PATCH] Backport #34666 (#54612)

* Backport #34666

* Fix type check
---
 .../public/components/asset_manager/asset_manager.scss       | 2 +-
 .../canvas/public/components/asset_manager/asset_modal.tsx   | 5 ++---
 .../canvas/public/components/workpad_templates/index.js      | 2 +-
 x-pack/legacy/plugins/canvas/public/state/defaults.js        | 2 +-
 4 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/x-pack/legacy/plugins/canvas/public/components/asset_manager/asset_manager.scss b/x-pack/legacy/plugins/canvas/public/components/asset_manager/asset_manager.scss
index e3d286bf4c5d..5b281129f533 100644
--- a/x-pack/legacy/plugins/canvas/public/components/asset_manager/asset_manager.scss
+++ b/x-pack/legacy/plugins/canvas/public/components/asset_manager/asset_manager.scss
@@ -34,7 +34,7 @@
 
   .canvasAssetManager__emptyPanel {
     max-width: 400px;
-    margin: 0 auto;
+    margin: $euiSizeXL auto 0;
   }
 }
 
diff --git a/x-pack/legacy/plugins/canvas/public/components/asset_manager/asset_modal.tsx b/x-pack/legacy/plugins/canvas/public/components/asset_manager/asset_modal.tsx
index f8bce19a4696..3c86001d2279 100644
--- a/x-pack/legacy/plugins/canvas/public/components/asset_manager/asset_modal.tsx
+++ b/x-pack/legacy/plugins/canvas/public/components/asset_manager/asset_modal.tsx
@@ -17,7 +17,6 @@ import {
   EuiModalHeader,
   EuiModalHeaderTitle,
   EuiOverlayMask,
-  EuiPanel,
   EuiProgress,
   EuiSpacer,
   EuiText,
@@ -70,13 +69,13 @@ export const AssetModal: FunctionComponent<Props> = props => {
   const percentageUsed = Math.round((assetsTotal / ASSET_MAX_SIZE) * 100);
 
   const emptyAssets = (
-    <EuiPanel className="canvasAssetManager__emptyPanel">
+    <div className="canvasAssetManager__emptyPanel">
       <EuiEmptyPrompt
         iconType="importAction"
         title={<h2>{strings.getEmptyAssetsDescription()}</h2>}
         titleSize="xs"
       />
-    </EuiPanel>
+    </div>
   );
 
   return (
diff --git a/x-pack/legacy/plugins/canvas/public/components/workpad_templates/index.js b/x-pack/legacy/plugins/canvas/public/components/workpad_templates/index.js
index 761417f60d87..cf07d1ed229f 100644
--- a/x-pack/legacy/plugins/canvas/public/components/workpad_templates/index.js
+++ b/x-pack/legacy/plugins/canvas/public/components/workpad_templates/index.js
@@ -23,7 +23,7 @@ export const WorkpadTemplates = compose(
     // Clone workpad given an id
     cloneWorkpad: props => workpad => {
       workpad.id = getId('workpad');
-      workpad.name = `Untitled Workpad - ${workpad.name}`;
+      workpad.name = `My Canvas Workpad - ${workpad.name}`;
       workpad.tags = undefined;
       return workpadService
         .create(workpad)
diff --git a/x-pack/legacy/plugins/canvas/public/state/defaults.js b/x-pack/legacy/plugins/canvas/public/state/defaults.js
index 203523936ffa..13ff7102bcaf 100644
--- a/x-pack/legacy/plugins/canvas/public/state/defaults.js
+++ b/x-pack/legacy/plugins/canvas/public/state/defaults.js
@@ -42,7 +42,7 @@ export const getDefaultPage = () => {
 export const getDefaultWorkpad = () => {
   const page = getDefaultPage();
   return {
-    name: 'Untitled Workpad',
+    name: 'My Canvas Workpad',
     id: getId('workpad'),
     width: 1080,
     height: 720,