CE-740 Adjusting grid padding to 20px; overall body padding to 20px, and margin-let to account for resized sidenav

src/qqq/layouts/DashboardLayout.tsx

@@ -38,11 +38,11 @@ function DashboardLayout({children}: { children: ReactNode }): JSX.Element
    return (
       <Box
          sx={({breakpoints, transitions, functions: {pxToRem}}) => ({
-            p: 3,
+            p: "20px",
             position: "relative",
 
             [breakpoints.up("xl")]: {
-               marginLeft: miniSidenav ? pxToRem(120) : pxToRem(274),
+               marginLeft: miniSidenav ? pxToRem(120) : pxToRem(250),
                transition: transitions.create(["margin-left", "margin-right"], {
                   easing: transitions.easing.easeInOut,
                   duration: transitions.duration.standard,

src/qqq/styles/qqq-override-styles.css

@@ -575,3 +575,10 @@ input[type="search"]::-webkit-search-results-decoration { display: none; }
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE 10+ */
 }
+
+/* change grid padding to 20px down from default 24px */
+.MuiGrid-item
+{
+   padding-left: 20px !important;
+   padding-top: 20px !important;
+}