diff --git a/frontend/src/components/EventAdmin.tsx b/frontend/src/components/EventAdmin.tsx index 2b9a013..5ccff41 100644 --- a/frontend/src/components/EventAdmin.tsx +++ b/frontend/src/components/EventAdmin.tsx @@ -845,11 +845,11 @@ const EventAdmin: React.FC = () => { sx={{ mb: 2, pl: 2, - '& p': { margin: 0 }, - '& p + p': { marginTop: '1em' }, - '& ul, & ol': { marginLeft: 2, marginTop: '1em', marginBottom: '1em' }, - '& li': { marginBottom: 0 }, - '& h1, & h2, & h3': { marginTop: '1em', marginBottom: '0.5em' }, + '& p': { margin: 0, lineHeight: 1.5 }, + '& br': { display: 'block', content: '""', marginTop: '0.5em' }, + '& ul, & ol': { marginLeft: 2, marginTop: '0.5em', marginBottom: '0.5em', paddingLeft: '1.5em' }, + '& li': { marginBottom: 0, lineHeight: 1.5 }, + '& h1, & h2, & h3': { marginTop: '0.75em', marginBottom: '0.5em' }, '& a': { color: 'primary.main' }, }} dangerouslySetInnerHTML={{ __html: event.description || 'None' }} diff --git a/frontend/src/components/EventDetails.tsx b/frontend/src/components/EventDetails.tsx index 901c4d7..858debe 100644 --- a/frontend/src/components/EventDetails.tsx +++ b/frontend/src/components/EventDetails.tsx @@ -109,11 +109,11 @@ const EventDetails: React.FC = () => { { mb: 1, color: 'text.secondary', fontSize: '0.875rem', - '& p': { margin: 0 }, - '& p + p': { marginTop: '0.75em' }, - '& ul, & ol': { marginLeft: 2, marginTop: '0.5em', marginBottom: '0.5em' }, - '& li': { marginBottom: 0 }, + '& p': { margin: 0, lineHeight: 1.5 }, + '& br': { display: 'block', content: '""', marginTop: '0.5em' }, + '& ul, & ol': { marginLeft: 2, marginTop: '0.5em', marginBottom: '0.5em', paddingLeft: '1.5em' }, + '& li': { marginBottom: 0, lineHeight: 1.5 }, '& h1, & h2, & h3': { marginTop: '0.75em', marginBottom: '0.25em', fontSize: '1rem' }, '& a': { color: 'primary.main' }, }} diff --git a/frontend/src/components/EventView.tsx b/frontend/src/components/EventView.tsx index 289aae3..cc94434 100644 --- a/frontend/src/components/EventView.tsx +++ b/frontend/src/components/EventView.tsx @@ -193,11 +193,11 @@ const EventView: React.FC = () => { sx={{ mb: 2, pl: 2, - '& p': { margin: 0 }, - '& p + p': { marginTop: '1em' }, - '& ul, & ol': { marginLeft: 2, marginTop: '1em', marginBottom: '1em' }, - '& li': { marginBottom: 0 }, - '& h1, & h2, & h3': { marginTop: '1em', marginBottom: '0.5em' }, + '& p': { margin: 0, lineHeight: 1.5 }, + '& br': { display: 'block', content: '""', marginTop: '0.5em' }, + '& ul, & ol': { marginLeft: 2, marginTop: '0.5em', marginBottom: '0.5em', paddingLeft: '1.5em' }, + '& li': { marginBottom: 0, lineHeight: 1.5 }, + '& h1, & h2, & h3': { marginTop: '0.75em', marginBottom: '0.5em' }, '& a': { color: 'primary.main' }, }} dangerouslySetInnerHTML={{ __html: event.description || 'None' }} diff --git a/frontend/src/components/RSVPForm.tsx b/frontend/src/components/RSVPForm.tsx index d241981..5639f9e 100644 --- a/frontend/src/components/RSVPForm.tsx +++ b/frontend/src/components/RSVPForm.tsx @@ -462,11 +462,11 @@ const RSVPForm: React.FC = () => { pl: 2, color: 'text.secondary', fontSize: '0.875rem', - '& p': { margin: 0 }, - '& p + p': { marginTop: '1em' }, - '& ul, & ol': { marginLeft: 2, marginTop: '1em', marginBottom: '1em' }, - '& li': { marginBottom: 0 }, - '& h1, & h2, & h3': { marginTop: '1em', marginBottom: '0.5em' }, + '& p': { margin: 0, lineHeight: 1.5 }, + '& br': { display: 'block', content: '""', marginTop: '0.5em' }, + '& ul, & ol': { marginLeft: 2, marginTop: '0.5em', marginBottom: '0.5em', paddingLeft: '1.5em' }, + '& li': { marginBottom: 0, lineHeight: 1.5 }, + '& h1, & h2, & h3': { marginTop: '0.75em', marginBottom: '0.5em' }, '& a': { color: 'primary.main' }, }} dangerouslySetInnerHTML={{ __html: event.description }}