fix: make content right padding wider, remove border on nav, fix footer

newrelic · May 3, 2024 · 353741b · 353741b
1 parent 865588f
commit 353741b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/components/Layout/Sidebar.js b/src/components/Layout/Sidebar.js
@@ -9,7 +9,6 @@ const Sidebar = ({ children, className }) => {
       data-swiftype-index={false}
       css={css`
         grid-area: sidebar;
-        border-right: 1px solid var(--divider-color);
         height: calc(100vh - var(--global-header-height));
         position: sticky;
         top: var(--global-header-height);

diff --git a/src/layouts/MainLayout.js b/src/layouts/MainLayout.js
@@ -246,6 +246,10 @@ const MainLayout = ({ children, pageContext }) => {
                   position: relative;
                   padding-top: 2.75rem;
 
+                  @media (min-width: 1241px) {
+                    padding-right: 1.5rem;
+                  }
+
                   @media (min-width: 760px) {
                     ${!sidebar &&
                     `padding-left: calc(var(--site-content-padding) + 50px);`}
@@ -280,7 +284,7 @@ const MainLayout = ({ children, pageContext }) => {
             <Layout.Footer
               fileRelativePath={pageContext.fileRelativePath}
               css={css`
-                height: 60px;
+                height: 80px;
                 ${!sidebar &&
                 css`
                   grid-column: 1/3;