chore: move spacing to section instead of around the whole right rail…

… area
newrelic · Aug 14, 2020 · 3ccbb97 · 3ccbb97
1 parent a44c31f
commit 3ccbb97
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 4 deletions.
diff --git a/src/components/PageLayout/RelatedContent.js b/src/components/PageLayout/RelatedContent.js
@@ -14,7 +14,6 @@ const RelatedContent = ({ page, modules }) => {
         position: sticky;
         top: calc(var(--global-header-height) + 2rem);
         align-self: start;
-        padding: 1rem;
         border: 1px solid var(--divider-color);
         border-radius: 0.25rem;
       `}

diff --git a/src/components/RelatedContentModules/Contribute.js b/src/components/RelatedContentModules/Contribute.js
@@ -64,6 +64,7 @@ const Contribute = ({ pageContext }) => {
       <p
         css={css`
           margin-top: 0.5rem;
+          margin-bottom: 0;
           font-size: 0.8rem;
           display: block;
         `}

diff --git a/src/components/RelatedContentModules/Resources.js b/src/components/RelatedContentModules/Resources.js
@@ -56,8 +56,11 @@ const Resources = ({ page }) => {
               <li
                 key={resource.url}
                 css={css`
-                  margin-bottom: 1rem;
                   font-size: 0.875rem;
+
+                  &:not(:last-child) {
+                    margin-bottom: 1rem;
+                  }
                 `}
               >
                 <LinkElement

diff --git a/src/components/RelatedContentModules/Section.js b/src/components/RelatedContentModules/Section.js
@@ -1,8 +1,11 @@
 import styled from '@emotion/styled';
 
 const Section = styled.section`
-  &:not(:last-child) {
-    margin-bottom: 2rem;
+  padding: 1rem;
+
+  &:first-child {
+    border-top-left-radius: 0.25rem;
+    border-top-right-radius: 0.25rem;
   }
 `;