[Header Image][m]: adds extra space between title and description -- …

…refs #105
FCSCOpendata · Sep 15, 2022 · 9dee544 · 9dee544
1 parent 70ad73f
commit 9dee544
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 9 deletions.
diff --git a/components/_shared/image_header/ImageHeader.tsx b/components/_shared/image_header/ImageHeader.tsx
@@ -70,14 +70,16 @@ const ImageHeader: React.FC<ImageHeaderProps> = ({
              w-[calc(100%+5rem)] xl:w-[calc(100%+10rem)]
            `}
             >
-              <div className="pt-[3rem] flex flex-col h-full">
-                <Title icon={icon} color={color}>
-                  {title}
-                </Title>
-                <p className="mb-8 w-full 2xl:w-[85%] text-[#7C7C7C] line-clamp-5 ">
-                  {children}
-                </p>
-                <div className="mb-8">
+              <div className="pt-[3rem] flex flex-col h-full justify-between">
+                <div className="h-[13em]">
+                  <Title icon={icon} color={color}>
+                    {title}
+                  </Title>
+                  <p className="w-full 2xl:w-[85%] text-[#7C7C7C] line-clamp-5 ">
+                    {children}
+                  </p>
+                </div>
+                <div className="pb-[3rem]">
                   <Badge text={badgeText} />
                 </div>
               </div>

diff --git a/components/_shared/image_header/Title.tsx b/components/_shared/image_header/Title.tsx
@@ -4,7 +4,7 @@ const Title: React.FC<any> = ({ icon, color, children }) => {
   return (
     <>
       <h1
-        className="text-2xl sm:text-3xl font-avenir font-extrabold flex mb-6 h-[2em]"
+        className="text-2xl sm:text-3xl font-avenir font-extrabold flex mb-6"
         style={{ color: color || '#22B373' }}
       >
         {icon?.url && (