Backport #34666 (#54612)

* Backport #34666

* Fix type check

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;
   }
 }
 

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 (

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)

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,