Merge pull request #1028 from newrelic/develop

Release
newrelic · Mar 20, 2024 · aef20c9 · aef20c9
2 parents 780c756 + abb230e
commit aef20c9
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 11 deletions.
diff --git a/packages/gatsby-theme-newrelic/src/components/GlobalHeader.js b/packages/gatsby-theme-newrelic/src/components/GlobalHeader.js
@@ -150,23 +150,17 @@ const GlobalHeader = ({ className, activeSite, hideSearch = false }) => {
           z-index: 80;
           height: var(--global-header-height);
           @media screen and (max-width: ${LAYOUT_BREAKPOINT}) and (min-width: ${NAV_BREAKPOINT}) {
-            grid-template-columns: calc(150px + var(--site-content-padding)) minmax(
-                0,
-                1fr
-              );
+            grid-template-columns: calc(150px + 1.5rem) minmax(0, 1fr);
           }
           @media screen and (max-width: ${mobileBreakpoint}) {
-            grid-template-columns: calc(150px + var(--site-content-padding)) minmax(
-                0,
-                1fr
-              );
+            grid-template-columns: calc(150px + 1.5rem) minmax(0, 1fr);
           }
         `}
       >
         <nav
           css={css`
             grid-area: logo;
-            padding: 0 var(--site-content-padding);
+            padding: 0 1.5rem;
             display: flex;
             align-items: center;
             height: 100%;
@@ -235,7 +229,7 @@ const GlobalHeader = ({ className, activeSite, hideSearch = false }) => {
             grid-area: nav;
             display: flex;
             justify-content: space-between;
-            padding: 0 var(--site-content-padding);
+            padding: 0 1.5rem;
             width: 100%;
             max-width: var(--site-max-width);
             margin: auto;

diff --git a/packages/gatsby-theme-newrelic/src/components/GlobalStyles/GlobalStyles.js b/packages/gatsby-theme-newrelic/src/components/GlobalStyles/GlobalStyles.js
@@ -102,7 +102,7 @@ const GlobalStyles = ({ layout }) => (
       }
 
       h1 {
-        line-height: 1.5rem;
+        line-height: 1.15;
         font-weight: bold;
         margin-bottom: 1rem;
       }

diff --git a/packages/gatsby-theme-newrelic/src/components/Layout/Main.js b/packages/gatsby-theme-newrelic/src/components/Layout/Main.js
@@ -12,6 +12,10 @@ const Main = ({ className, children }) => {
         max-width: var(--site-max-width);
         margin: 0 auto;
         width: 100%;
+
+        @media screen and (max-width: 1000px) {
+          padding: 1.5rem;
+        }
       `}
     >
       {children}