From 521d19eddcf16e7bd1e9dd4e54394040131ae094 Mon Sep 17 00:00:00 2001
From: Graeme Fulton <graeme@prototypr.io>
Date: Wed, 31 Jan 2024 10:44:58 +0100
Subject: [PATCH] archive headers

---
 components/StickyFooterCTA.js             | 2 +-
 components/toolbox/ToolboxIndexPage.jsx   | 2 +-
 components/v4/section/PostsSectionHero.js | 2 +-
 pages/posts/[tag]/page/[pageNo].js        | 6 +++---
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/StickyFooterCTA.js b/components/StickyFooterCTA.js
index a040be63..2a569f76 100644
--- a/components/StickyFooterCTA.js
+++ b/components/StickyFooterCTA.js
@@ -47,7 +47,7 @@ const StickyFooterCTA = ({title, description, buttonText}) => {
               transition: { duration: 0.2 } },
           }}
           // className="fixed bottom-0 rounded-none md:bottom-4 max-w-3xl w-full px-5 py-4 h-auto md:rounded-2xl border border-black border-opacity-10 bg-[#2f62c7] z-[100]"
-          className="fixed bottom-0 rounded-none w-full md:bottom-4 md:max-w-[80%] md:rounded-2xl px-1 py-3 h-auto border border-black border-opacity-10 bg-[#2f62c7] z-[100]"
+          className="fixed bottom-0 rounded-none w-full md:bottom-4 md:w-[80%] md:max-w-[1120px] md:rounded-2xl px-1 py-3 h-auto border border-black border-opacity-10 bg-[#2f62c7] z-[100]"
         >
           <Container  maxWidth="max-w-[1320px] z-30 relative">
             <div className="w-full flex flex-col gap-4 md:gap-3 md:flex-row justify-between">
diff --git a/components/toolbox/ToolboxIndexPage.jsx b/components/toolbox/ToolboxIndexPage.jsx
index 9178fbe9..89861863 100644
--- a/components/toolbox/ToolboxIndexPage.jsx
+++ b/components/toolbox/ToolboxIndexPage.jsx
@@ -72,7 +72,7 @@ const ToolboxIndexPage = ({
               pageNo={pagination?.page}
             />
             <div className="inline-flex my-8">
-              <h2 className="text-4xl my-auto text-center font-bold text-white capitalize">
+              <h2 className="max-w-[50rem] text-white text-4xl md:text-5xl font-semibold tracking-tight lg:leading-tight md:leading-tight capitalize drop-shadow-sm ">
                 {title}
               </h2>
             </div>
diff --git a/components/v4/section/PostsSectionHero.js b/components/v4/section/PostsSectionHero.js
index 3d13f362..de3ead6a 100644
--- a/components/v4/section/PostsSectionHero.js
+++ b/components/v4/section/PostsSectionHero.js
@@ -21,7 +21,7 @@ const PostsSectionHero = ({user, heroCardPost, viewablePosts, showTags,title, sh
       
       }
       {showTags && 
-       <div className="-mt-6 -ml-3 mb-4">
+       <div className="-mt-4 -ml-3 mb-5">
        <TagsNavRow/>
      </div>
       }
diff --git a/pages/posts/[tag]/page/[pageNo].js b/pages/posts/[tag]/page/[pageNo].js
index 4caa1481..8e72297b 100644
--- a/pages/posts/[tag]/page/[pageNo].js
+++ b/pages/posts/[tag]/page/[pageNo].js
@@ -99,12 +99,12 @@ export default function PostsPage({
               <BreadCrumbs background={false}tagName={tagName}/>
                 <div className="inline-flex my-4">
                   {/* <div className="p w-8 h-8 my-auto mr-3 rounded-full border-gray-300 bg-white"> */}
-                    <Tag className="mt-6 text-gray-800 mx-auto mr-3 my-auto opacity-80" size={38}/>
+                    {/* <Tag className="mt-5 text-gray-800 mx-auto mr-3 my-auto opacity-80" size={38}/> */}
                   {/* </div> */}
-                  <h2 className="text-gray-900 max-w-md mb-8 mt-3 md:max-w-lg font-semibold text-5xl md:text-[56px] font-inter leading-[50px] md:leading-[60px] capitalize">{tagName}</h2>
+                  <h2 className="mt-2 mb-2 text-blue-900 text-5xl font-semibold tracking-tight xl:text-[48px] lg:leading-tight md:leading-tight capitalize drop-shadow-sm ">{tagName}</h2>
                 </div>
               </div>
-               <img src='/static/images/toolbox/toolbox-bg-2.svg' className=" pointer-events-none absolute w-full h-full object-cover top-0 left-0 "/>
+               <img src='/static/images/toolbox/toolbox-bg-2.svg' className=" pointer-events-none absolute w-full h-full object-cover opacity-60 top-0 left-0 "/>
           </div>
 
         </Container>