add heading 3

SU-SWS · Jun 26, 2024 · e435c8a · e435c8a
1 parent ea4a733
commit e435c8a
Showing 1 changed file with 9 additions and 11 deletions.
diff --git a/src/components/nodes/pages/sup-book/sup-book-page.tsx b/src/components/nodes/pages/sup-book/sup-book-page.tsx
@@ -1,5 +1,5 @@
 import {NodeSupBook, TermSupBookSubject} from "@lib/gql/__generated__/drupal"
-import {H1, H2} from "@components/elements/headers"
+import Heading, {H1, H2, H3} from "@components/elements/headers"
 import {HTMLAttributes} from "react"
 import {Tab, TabPanel, Tabs, TabsList} from "@components/elements/tabs"
 import Wysiwyg from "@components/elements/wysiwyg"
@@ -47,14 +47,12 @@ const SupBookPage = async ({node, ...props}: Props) => {
               <H1 className="type-3 mb-0">{node.title}</H1>
 
               {node.supBookSubjects && (
-                <div className="rs-mb-2 order-first">
-                  <a
-                    href={`/search?${bookSubject}`}
-                    className="-text-m1 font-normal text-stone-dark decoration-fog-dark underline-offset-[5px] hocus:text-archway-dark hocus:decoration-archway-dark hocus:decoration-2"
-                  >
-                    {node.supBookSubjects[0].parent?.name || node.supBookSubjects[0].name}
-                  </a>
-                </div>
+                <a
+                  href={`/search?${bookSubject}`}
+                  className="rs-mb-2 order-first -text-m1 font-normal text-stone-dark decoration-fog-dark underline-offset-[5px] hocus:text-archway-dark hocus:decoration-archway-dark hocus:decoration-2"
+                >
+                  {node.supBookSubjects[0].parent?.name || node.supBookSubjects[0].name}
+                </a>
               )}
 
               {node.supBookSubtitle && <div className="type-2 mt-5 font-medium">{node.supBookSubtitle}</div>}
@@ -162,8 +160,8 @@ const SupBookPage = async ({node, ...props}: Props) => {
 
               {node.supBookERetailers && (
                 <div className="rs-mb-1 rs-pb-1 border-b-2 border-fog -text-m1">
-                  <div>Also Available from</div>
-                  <ul className="list-unstyled rs-mt-0 [&_a]:font-normal [&_a]:text-digital-red">
+                  <H3 className="-text-m1">Also Available from</H3>
+                  <ul className="list-unstyled rs-mt-0 flex flex-col gap-3 [&_a]:font-normal [&_a]:text-digital-red">
                     {node.supBookERetailers.map((link, i) => (
                       <li
                         key={`e-book-retailer-${i}`}