From 89aed0bcba1ea596523825e086b9e22ae775f2e5 Mon Sep 17 00:00:00 2001
From: maciek <maciek@vegaprotocol.io>
Date: Tue, 1 Aug 2023 17:29:01 +0200
Subject: [PATCH] feat: add get started steps - fix css and failing int test

---
 apps/trading-e2e/src/integration/closed-markets.cy.ts  | 1 +
 apps/trading/components/welcome-dialog/get-started.tsx | 5 +++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/trading-e2e/src/integration/closed-markets.cy.ts b/apps/trading-e2e/src/integration/closed-markets.cy.ts
index af3ff276d..e768f623b 100644
--- a/apps/trading-e2e/src/integration/closed-markets.cy.ts
+++ b/apps/trading-e2e/src/integration/closed-markets.cy.ts
@@ -456,6 +456,7 @@ describe('no closed markets', { tags: '@smoke', testIsolation: true }, () => {
   before(() => {
     cy.mockTradingPage();
     cy.mockSubscription();
+    cy.setOnBoardingViewed();
     cy.visit('/#/markets/all');
     cy.get('[data-testid="Closed markets"]').click();
   });
diff --git a/apps/trading/components/welcome-dialog/get-started.tsx b/apps/trading/components/welcome-dialog/get-started.tsx
index 9033c5c29..83a507615 100644
--- a/apps/trading/components/welcome-dialog/get-started.tsx
+++ b/apps/trading/components/welcome-dialog/get-started.tsx
@@ -34,8 +34,9 @@ export const GetStarted = ({ lead }: Props) => {
     return (
       <div
         className={classNames(
-          'flex flex-col bg-vega-blue-300 dark:bg-vega-blue-700 border border-vega-blue-350 dark:border-vega-blue-650 px-6 py-8 gap-4',
-          { 'mt-8': !lead }
+          'flex flex-col bg-vega-blue-300 dark:bg-vega-blue-700 border border-vega-blue-350 dark:border-vega-blue-650 px-6 gap-4',
+          { 'py-8': lead },
+          { 'mt-8 py-6': !lead }
         )}
         data-testid="get-started-banner"
       >