From ac9f25fcd267a892aef63a9d08238ebfb5af34ec Mon Sep 17 00:00:00 2001
From: Alex <33497058+bexsoft@users.noreply.github.com>
Date: Fri, 22 Oct 2021 16:23:54 -0500
Subject: [PATCH] Changed background to white & added new shadow in title bar
 (#1141)

Signed-off-by: Benjamin Perez <benjamin@bexsoft.net>

Co-authored-by: Benjamin Perez <benjamin@bexsoft.net>
---
 portal-ui/build/styles/root-styles.css                      | 2 +-
 portal-ui/public/styles/root-styles.css                     | 2 +-
 .../src/screens/Console/Common/PageHeader/PageHeader.tsx    | 5 ++---
 portal-ui/src/screens/Console/Menu/Menu.tsx                 | 6 ++++--
 portal-ui/src/theme/main.ts                                 | 4 ++--
 5 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/portal-ui/build/styles/root-styles.css b/portal-ui/build/styles/root-styles.css
index 647b6d6b4..526bc4860 100644
--- a/portal-ui/build/styles/root-styles.css
+++ b/portal-ui/build/styles/root-styles.css
@@ -137,7 +137,7 @@
 
 body {
   margin: 0;
-  background-color: rgb(250, 250, 250);
+  background-color: #fff;
   font-family: "Lato", sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
diff --git a/portal-ui/public/styles/root-styles.css b/portal-ui/public/styles/root-styles.css
index 647b6d6b4..526bc4860 100644
--- a/portal-ui/public/styles/root-styles.css
+++ b/portal-ui/public/styles/root-styles.css
@@ -137,7 +137,7 @@
 
 body {
   margin: 0;
-  background-color: rgb(250, 250, 250);
+  background-color: #fff;
   font-family: "Lato", sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
diff --git a/portal-ui/src/screens/Console/Common/PageHeader/PageHeader.tsx b/portal-ui/src/screens/Console/Common/PageHeader/PageHeader.tsx
index 224224f14..7fcbd9f9a 100644
--- a/portal-ui/src/screens/Console/Common/PageHeader/PageHeader.tsx
+++ b/portal-ui/src/screens/Console/Common/PageHeader/PageHeader.tsx
@@ -15,12 +15,11 @@ const styles = (theme: Theme) =>
     headerContainer: {
       // position: "absolute",
       width: "100%",
-      minHeight: 77,
+      minHeight: 79,
       display: "flex",
       backgroundColor: "#fff",
-      borderBottom: "2px solid",
-      borderBottomColor: "#e8e8e8",
       left: 0,
+      boxShadow: "rgba(0,0,0,.08) 0 3px 10px",
     },
     label: {
       display: "flex",
diff --git a/portal-ui/src/screens/Console/Menu/Menu.tsx b/portal-ui/src/screens/Console/Menu/Menu.tsx
index e37d1d91c..ac51f75f6 100644
--- a/portal-ui/src/screens/Console/Menu/Menu.tsx
+++ b/portal-ui/src/screens/Console/Menu/Menu.tsx
@@ -68,8 +68,10 @@ const styles = (theme: Theme) =>
   createStyles({
     logo: {
       paddingTop: 25,
+      height: 80,
       marginBottom: 30,
       paddingLeft: 45,
+      borderBottom: "#1C3B64 1px solid",
       transition: theme.transitions.create("paddingLeft", {
         easing: theme.transitions.easing.sharp,
         duration: theme.transitions.duration.leavingScreen,
@@ -560,7 +562,7 @@ const Menu = ({
             size="large"
           >
             {sidebarOpen ? <ChevronLeft /> : <MenuIcon />}
-          </IconButton>
+          </IconButton> 
         </div>
         <List className={classes.menuList}>
           {menuGroups.map((groupMember, index) => {
@@ -578,7 +580,7 @@ const Menu = ({
 
             return (
               <React.Fragment key={`menuElem-${index.toString()}`}>
-                <Divider className={classes.menuDivider} />
+                {index !== 0 && <Divider className={classes.menuDivider} />}
                 {filterByGroup.map((page: IMenuItem) => {
                   switch (page.type) {
                     case "item": {
diff --git a/portal-ui/src/theme/main.ts b/portal-ui/src/theme/main.ts
index e4052815e..02d9ff959 100644
--- a/portal-ui/src/theme/main.ts
+++ b/portal-ui/src/theme/main.ts
@@ -17,7 +17,7 @@ const theme = createTheme({
     error: {
       light: "#e03a48",
       main: "#dc1f2e",
-      contrastText: "#ffffff",
+      contrastText: "#fff",
     },
     grey: {
       100: "#f0f0f0",
@@ -31,7 +31,7 @@ const theme = createTheme({
       900: "#333333",
     },
     background: {
-      default: "#FAFAFA",
+      default: "#fff",
     },
   },
   typography: {