diff --git a/packages/react-components/src/templates/EventPage.tsx b/packages/react-components/src/templates/EventPage.tsx index a8d50ae8a8..058afef6f4 100644 --- a/packages/react-components/src/templates/EventPage.tsx +++ b/packages/react-components/src/templates/EventPage.tsx @@ -7,7 +7,7 @@ import formatDistance from 'date-fns/formatDistance'; import type { EmotionJSX } from '@emotion/react/types/jsx-namespace'; import { EventInfo, BackLink, CtaCard } from '../molecules'; import { Card, Link, Paragraph } from '../atoms'; -import { rem } from '../pixels'; +import { rem, tabletScreen } from '../pixels'; import { contentSidePaddingWithNavigation } from '../layout'; import { EventMaterials, @@ -27,6 +27,12 @@ const cardsStyles = css({ rowGap: rem(33), marginBottom: rem(24), }); +const updatedParagraphStyles = css({ + display: 'flex', + [`@media (min-width: ${tabletScreen.width}px)`]: { + justifyContent: 'end', + }, +}); type EventPageProps< T extends @@ -94,7 +100,7 @@ const EventPage = <
- + Last updated:{' '} {formatDistance(new Date(), new Date(lastModifiedDate))} ago @@ -104,8 +110,6 @@ const EventPage = < {!hideMeetingLink && } - - {eventConversation} {relatedResearch && relatedResearch?.length > 0 && ( )} + + {eventConversation} {displayCalendar && ( )}
- - Having issues? Set up your calendar manually with these instructions for{' '} - - Apple Calendar - {' '} - or{' '} - - Outlook - - . - + {!hasFinished && ( + + Having issues? Set up your calendar manually with these instructions + for{' '} + + Apple Calendar + {' '} + or{' '} + + Outlook + + . + + )} );