chore: Add divider styling to right rail

newrelic · Nov 4, 2021 · 31c612e · 31c612e
1 parent 542758e
commit 31c612e
Showing 1 changed file with 24 additions and 0 deletions.
diff --git a/src/templates/QuickstartDetails.js b/src/templates/QuickstartDetails.js
@@ -335,17 +335,35 @@ const QuickstartDetails = ({ data, location }) => {
                 </li>
               </ol>
             </PageTools.Section>
+            <aside
+              data-swiftype-index={false}
+              css={css`
+                border-bottom: 1px solid var(--divider-color);
+              `}
+            />
             <PageTools.Section>
               <PageTools.Title>Authors</PageTools.Title>
               <p>{quickstart.authors.join(', ')}</p>
             </PageTools.Section>
+            <aside
+              data-swiftype-index={false}
+              css={css`
+                border-bottom: 1px solid var(--divider-color);
+              `}
+            />
             <PageTools.Section>
               <PageTools.Title>Support</PageTools.Title>
               <SupportSection
                 supportLevel={quickstart.level}
                 onClick={tessenSupportTrack(quickstart)}
               />
             </PageTools.Section>
+            <aside
+              data-swiftype-index={false}
+              css={css`
+                border-bottom: 1px solid var(--divider-color);
+              `}
+            />
             <PageTools.Section>
               <RelatedResources
                 css={css`
@@ -354,6 +372,12 @@ const QuickstartDetails = ({ data, location }) => {
                 resources={quickstart.relatedResources}
               />
             </PageTools.Section>
+            <aside
+              data-swiftype-index={false}
+              css={css`
+                border-bottom: 1px solid var(--divider-color);
+              `}
+            />
           </Layout.PageTools>
         </PageLayout>
       </Tabs>