Merge pull request #1621 from dave4506/fix/website/announcement-spacing

Added padding fix to announcements

packages/website/ts/components/hero.tsx

@@ -17,8 +17,12 @@ interface Props {
     announcement?: AnnouncementProps;
 }
 
-const Section = styled.section`
-    padding: 120px 0;
+interface SectionProps {
+    isAnnouncement?: boolean;
+}
+
+const Section = styled.section<SectionProps>`
+    padding: ${props => (props.isAnnouncement ? '50px 0 120px 0' : '120px 0')};
 
     @media (max-width: 768px) {
         padding: 60px 0;
@@ -123,7 +127,7 @@ const ButtonWrap = styled.div`
 `;
 
 export const Hero: React.StatelessComponent<Props> = (props: Props) => (
-    <Section>
+    <Section isAnnouncement={!!props.announcement}>
         <Wrap isCentered={!props.figure} isFullWidth={props.isFullWidth} isCenteredMobile={props.isCenteredMobile}>
             {props.figure && <Content width="400px">{props.figure}</Content>}