From 60a8baff356858870bc3d33fb63ac3954bdd94bf Mon Sep 17 00:00:00 2001
From: Darin Kelkhoff <darin.kelkhoff@gmail.com>
Date: Wed, 18 Oct 2023 10:42:04 -0500
Subject: [PATCH] Style updates per paul-designs (turn off general card
 elevation in favor of card borders; remove margin around left-nav;)

---
 src/qqq/assets/theme/components/card/index.ts           | 4 ++--
 src/qqq/components/horseshoe/sidenav/SideNavRoot.tsx    | 5 ++++-
 src/qqq/components/widgets/charts/piechart/PieChart.tsx | 2 +-
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/qqq/assets/theme/components/card/index.ts b/src/qqq/assets/theme/components/card/index.ts
index 433dc56..aff63a3 100644
--- a/src/qqq/assets/theme/components/card/index.ts
+++ b/src/qqq/assets/theme/components/card/index.ts
@@ -31,7 +31,7 @@ type Types = any;
 
 const card: Types = {
    defaultProps: {
-      elevation: 3
+      elevation: 0
    },
    styleOverrides: {
       root: {
@@ -42,7 +42,7 @@ const card: Types = {
          wordWrap: "break-word",
          backgroundColor: white.main,
          backgroundClip: "border-box",
-         border: `${borderWidth[0]} solid ${rgba(black.main, 0.125)}`,
+         border: `${borderWidth[1]} solid ${rgba(black.main, 0.25)}`,
          borderRadius: borderRadius.xl,
          overflow: "visible",
       },
diff --git a/src/qqq/components/horseshoe/sidenav/SideNavRoot.tsx b/src/qqq/components/horseshoe/sidenav/SideNavRoot.tsx
index 7f67dac..c8ed86b 100644
--- a/src/qqq/components/horseshoe/sidenav/SideNavRoot.tsx
+++ b/src/qqq/components/horseshoe/sidenav/SideNavRoot.tsx
@@ -27,7 +27,7 @@ export default styled(Drawer)(({theme, ownerState}: { theme?: Theme | any; owner
    const {palette, boxShadows, transitions, breakpoints, functions} = theme;
    const {transparentSidenav, whiteSidenav, miniSidenav, darkMode} = ownerState;
 
-   const sidebarWidth = 250;
+   const sidebarWidth = 275;
    const {transparent, gradients, white, background} = palette;
    const {xxl} = boxShadows;
    const {pxToRem, linearGradient} = functions;
@@ -94,6 +94,9 @@ export default styled(Drawer)(({theme, ownerState}: { theme?: Theme | any; owner
       "& .MuiDrawer-paper": {
          boxShadow: xxl,
          border: "none",
+         margin: "0",
+         borderRadius: "0",
+         height: "100%",
 
          ...(miniSidenav ? drawerCloseStyles() : drawerOpenStyles()),
       },
diff --git a/src/qqq/components/widgets/charts/piechart/PieChart.tsx b/src/qqq/components/widgets/charts/piechart/PieChart.tsx
index 877749a..4105e26 100644
--- a/src/qqq/components/widgets/charts/piechart/PieChart.tsx
+++ b/src/qqq/components/widgets/charts/piechart/PieChart.tsx
@@ -85,7 +85,7 @@ function PieChart({description, chartData}: Props): JSX.Element
    }
 
    return (
-      <Card sx={{minHeight: "400px", boxShadow: "none", height: "100%", width: "100%", display: "flex", flexGrow: 1}}>
+      <Card sx={{minHeight: "400px", boxShadow: "none", height: "100%", width: "100%", display: "flex", flexGrow: 1, border: 0}}>
          <Box mt={3}>
             <Grid container alignItems="center">
                <Grid item xs={12} justifyContent="center">