From aaeaa8af764897d97620ccaf3dcb81b47e66c5b3 Mon Sep 17 00:00:00 2001
From: WaylonWalker <walker_waylon_s@cat.com>
Date: Sun, 1 Mar 2020 09:12:06 -0600
Subject: [PATCH] FIX look and feel

---
 gatsby-kedro-viz/src/components/header.js  |  2 +-
 gatsby-kedro-viz/src/components/layout.css | 10 +++++++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/gatsby-kedro-viz/src/components/header.js b/gatsby-kedro-viz/src/components/header.js
index 8990b7e..73a46b9 100644
--- a/gatsby-kedro-viz/src/components/header.js
+++ b/gatsby-kedro-viz/src/components/header.js
@@ -5,7 +5,7 @@ import React from "react"
 const Header = ({ siteTitle }) => (
   <header
     style={{
-      background: `rebeccapurple`,
+      background: `black`,
       marginBottom: `1.45rem`,
     }}
   >
diff --git a/gatsby-kedro-viz/src/components/layout.css b/gatsby-kedro-viz/src/components/layout.css
index b6f6332..0b92ccc 100644
--- a/gatsby-kedro-viz/src/components/layout.css
+++ b/gatsby-kedro-viz/src/components/layout.css
@@ -1,3 +1,7 @@
+.kedro-pipeline {
+  height: 80vh !important;
+}
+
 html {
   font-family: sans-serif;
   -ms-text-size-adjust: 100%;
@@ -8,6 +12,9 @@ body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+body::-webkit-scrollbar {
+  display: none;
+}
 article,
 aside,
 details,
@@ -199,7 +206,8 @@ html {
   box-sizing: inherit;
 }
 body {
-  color: hsla(0, 0%, 0%, 0.8);
+  background: rgb(47, 52, 56);
+  color: hsla(0, 0%, 96%, 0.8);
   font-family: georgia, serif;
   font-weight: normal;
   word-wrap: break-word;