From 5da0880064de70b1dac450d182b288685e311904 Mon Sep 17 00:00:00 2001
From: Mat Jordan <mat@northwestern.edu>
Date: Thu, 31 Oct 2024 16:49:55 -0400
Subject: [PATCH] Touches.

---
 components/Hero/Hero.styled.ts |  1 +
 pages/collections/[id].tsx     | 19 ++++++++++++++++++-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/components/Hero/Hero.styled.ts b/components/Hero/Hero.styled.ts
index ac784be3..fc3f454f 100644
--- a/components/Hero/Hero.styled.ts
+++ b/components/Hero/Hero.styled.ts
@@ -37,6 +37,7 @@ const HeroStyled = styled("div", {
     width: "100%",
     height: "100%",
     position: "relative",
+    zIndex: "1",
 
     ".swiper-wrapper": {
       "&::before": {
diff --git a/pages/collections/[id].tsx b/pages/collections/[id].tsx
index 759d8560..18ea6641 100644
--- a/pages/collections/[id].tsx
+++ b/pages/collections/[id].tsx
@@ -32,6 +32,7 @@ import { Collection as CollectionType } from "@nulib/dcapi-types";
 import Container from "@/components/Shared/Container";
 import Facts from "@/components/Shared/Facts";
 import Head from "next/head";
+import Heading from "@/components/Heading/Heading";
 import Hero from "@/components/Hero/Hero";
 import IIIFShare from "@/components/Shared/IIIF/Share";
 import Layout from "components/layout";
@@ -176,7 +177,6 @@ const Collection: NextPage = () => {
                 </Facts>
               </Container>
             </Interstitial>
-            <IIIFShare uri={iiifResource} />
             <Container>
               <Tabs defaultValue="explore">
                 <TabsList aria-label="Explore">
@@ -187,6 +187,23 @@ const Collection: NextPage = () => {
                   <TabsTrigger value="metadata">All Subjects</TabsTrigger>
                 </TabsList>
                 <TabsContent value="explore">
+                  <div
+                    style={{
+                      display: "flex",
+                      justifyContent: "space-between",
+                      marginTop: "1.5em",
+                    }}
+                  >
+                    <Heading
+                      as="h2"
+                      css={{
+                        margin: "0 0 $gr2 !important",
+                      }}
+                    >
+                      {collection?.title}
+                    </Heading>{" "}
+                    <IIIFShare uri="" />
+                  </div>
                   {description && (
                     <Description data-testid="description">
                       <ReadMore text={description} words={55} />