From 28da6330bbeb4657aee1a798ae6882a76caf26b4 Mon Sep 17 00:00:00 2001
From: Jim Ehrismann <jehrismann@mirantis.com>
Date: Tue, 2 Feb 2021 12:40:19 -0500
Subject: [PATCH] css tweaks for landing page as a PageLayout

Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>
---
 src/renderer/components/+landing-page/landing-page.scss | 6 ++----
 src/renderer/components/+landing-page/landing-page.tsx  | 3 ++-
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/renderer/components/+landing-page/landing-page.scss b/src/renderer/components/+landing-page/landing-page.scss
index 2e482d2b49..81ae070117 100644
--- a/src/renderer/components/+landing-page/landing-page.scss
+++ b/src/renderer/components/+landing-page/landing-page.scss
@@ -1,6 +1,4 @@
-.LandingPage {
-  width: 100%;
-  height: 100%;
+.PageLayout.LandingPage {
+  --width: 80%;
   text-align: center;
-  z-index: 0;
 }
\ No newline at end of file
diff --git a/src/renderer/components/+landing-page/landing-page.tsx b/src/renderer/components/+landing-page/landing-page.tsx
index 853d1e3486..6f23ca9fe0 100644
--- a/src/renderer/components/+landing-page/landing-page.tsx
+++ b/src/renderer/components/+landing-page/landing-page.tsx
@@ -4,6 +4,7 @@ import { observer } from "mobx-react";
 import { Workspace, workspaceStore } from "../../../common/workspace-store";
 import { WorkspaceOverview } from "./workspace-overview";
 import { PageLayout } from "../layout/page-layout";
+
 @observer
 export class LandingPage extends React.Component {
 
@@ -15,7 +16,7 @@ export class LandingPage extends React.Component {
     const header = <h2>Workspace: {this.workspace.name}</h2>;
 
     return (
-      <PageLayout className="LandingPage" header={header} provideBackButtonNavigation={false}>
+      <PageLayout className="LandingPage flex column gaps" header={header} provideBackButtonNavigation={false} contentGaps={false}>
         <WorkspaceOverview workspace={this.workspace}/>
       </PageLayout>
     );