CJPM-17497: Removed white Panel around Blank Slate and fixed TopNav margins.

Author: joshhidley

packages/visual-stack/src/components/BlankSlate/index.js

@@ -2,31 +2,27 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Button } from '../Button';
 import './BlankSlate.css';
-import IconExample from 'mdi-react/BlurIcon';
-import { Panel } from '../../../lib/components/Panel';
 
 export const BlankSlate = ({
   children,
   alignment = '',
   title = 'You do not have any content.',
-  headerGraphic = <IconExample />,
+  headerGraphic = '',
   className = '',
   ...restProps
 }) => {
   return (
-    <Panel>
-      <div
-        {...restProps}
-        className={`vs-bs-container ${alignment === 'left-side' &&
-          'vs-bs-leftalign'} ${className}`}
-      >
-        <div className="vs-bs-img">{headerGraphic}</div>
-        <div className="vs-bs-content">
-          <h1 className="vs-bs-title">{title}</h1>
-          {children}
-        </div>
+    <div
+      {...restProps}
+      className={`vs-bs-container ${alignment === 'left-side' &&
+        'vs-bs-leftalign'} ${className}`}
+    >
+      <div className="vs-bs-img">{headerGraphic}</div>
+      <div className="vs-bs-content">
+        <h1 className="vs-bs-title">{title}</h1>
+        {children}
       </div>
-    </Panel>
+    </div>
   );
 };
 

packages/visual-stack/src/components/TopNav/TopNav.css

@@ -42,7 +42,10 @@
 
 .vs-topnav-content {
   position: relative;
-  margin: 0 auto;
+  margin-top: 64px;
+  margin-bottom: 0;
+  margin-left: auto;
+  margin-right: auto;
   z-index: 10;
 }