Merge pull request #1024 from newrelic/sunny/spacing

feat: adjust line-height and margins for shape up
newrelic · Mar 19, 2024 · b68ff07 · b68ff07
2 parents 14c9a64 + d1809d2
commit b68ff07
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/packages/gatsby-theme-newrelic/src/components/GlobalStyles/GlobalStyles.js b/packages/gatsby-theme-newrelic/src/components/GlobalStyles/GlobalStyles.js
@@ -51,7 +51,7 @@ const GlobalStyles = ({ layout }) => (
       p {
         margin-top: 0;
         margin-bottom: var(--paragraph-spacing);
-        line-height: 1.75;
+        line-height: 1.969rem;
 
         &:last-child {
           margin-bottom: 0;
@@ -102,13 +102,13 @@ const GlobalStyles = ({ layout }) => (
       }
 
       h1 {
-        line-height: 1.15;
+        line-height: 1.5rem;
         font-weight: bold;
         margin-bottom: 1rem;
       }
 
       h2 {
-        line-height: 1.25;
+        line-height: 1.125rem;
         margin-bottom: 0.75rem;
         font-weight: 600;
       }
@@ -131,7 +131,8 @@ const GlobalStyles = ({ layout }) => (
         padding-left: 1.75rem;
 
         > li {
-          margin: 0.5rem 0;
+          line-height: 1.969rem;
+          margin: 0.344rem 0;
         }
       }
 

diff --git a/packages/gatsby-theme-newrelic/src/components/Lightbox.js b/packages/gatsby-theme-newrelic/src/components/Lightbox.js
@@ -39,6 +39,7 @@ const Lightbox = ({ children }) => {
           width: 100%;
           padding: 0;
           background: none;
+          margin-top: 0.5rem;
           img {
             cursor: -moz-zoom-in;
             cursor: -webkit-zoom-in;