diff --git a/frontend/src/components/Campaign/CampaignRecipients.tsx b/frontend/src/components/Campaign/CampaignRecipients.tsx index fb734519d..ab98e1e09 100644 --- a/frontend/src/components/Campaign/CampaignRecipients.tsx +++ b/frontend/src/components/Campaign/CampaignRecipients.tsx @@ -128,7 +128,6 @@ function CampaignRecipients(props: Props) { ) { download: true, href: link, }} - title="Télécharger les courriers et les destinataires" + title="Télécharger les destinataires et vos courriers" onClick={() => props.setDownloaded(true)} /> ); diff --git a/frontend/src/components/Draft/DraftSendingDate.tsx b/frontend/src/components/Draft/DraftSendingDate.tsx index 331cab73a..39026e373 100644 --- a/frontend/src/components/Draft/DraftSendingDate.tsx +++ b/frontend/src/components/Draft/DraftSendingDate.tsx @@ -5,6 +5,7 @@ import { Container } from '../_dsfr'; import AppTextInput from '../_app/AppTextInput/AppTextInput'; import { DATE_REGEXP } from '../../utils/dateUtils'; import { Typography } from '@mui/material'; +import styles from './draft.module.scss'; export const sentAtSchema = string() .required('Veuillez renseigner une date d’envoi') @@ -32,8 +33,9 @@ function DraftSendingDate(props: Readonly) { type="date" value={value} onChange={(e) => props.onChange(e.target.value)} + className="fr-mb-2w" /> -

Après avoir téléchargé vos documents, indiquez la date d’envoi de votre campagne. Le statut des logements "Non suivi" passera automatiquement au statut "En attente de retour". Les autres statuts ne seront pas modifiés.

+

Après avoir téléchargé vos documents, indiquez la date d’envoi de votre campagne. Le statut des logements "Non suivi" passera automatiquement au statut "En attente de retour". Les autres statuts ne seront pas modifiés.

); } diff --git a/frontend/src/components/Draft/draft.module.scss b/frontend/src/components/Draft/draft.module.scss index e489bb3b2..c392e8719 100644 --- a/frontend/src/components/Draft/draft.module.scss +++ b/frontend/src/components/Draft/draft.module.scss @@ -22,3 +22,14 @@ margin-left: 12px; } } + +.info { + position: relative; + padding-left: 20px; +} + +.info::before { + position: absolute; + top: 1px; + left: 0; +} diff --git a/frontend/src/views/Campaign/CampaignDraft.tsx b/frontend/src/views/Campaign/CampaignDraft.tsx index 204a04289..299fc2257 100644 --- a/frontend/src/views/Campaign/CampaignDraft.tsx +++ b/frontend/src/views/Campaign/CampaignDraft.tsx @@ -170,9 +170,9 @@ function CampaignDraft(props: Readonly) { @@ -188,12 +188,12 @@ function CampaignDraft(props: Readonly) { - - + ) {

diff --git a/frontend/src/views/Campaign/test/CampaignView.test.tsx b/frontend/src/views/Campaign/test/CampaignView.test.tsx index 262ef5402..1636f0b02 100644 --- a/frontend/src/views/Campaign/test/CampaignView.test.tsx +++ b/frontend/src/views/Campaign/test/CampaignView.test.tsx @@ -259,7 +259,7 @@ describe('Campaign view', () => { }); sources.get(`${config.apiEndpoint}/api/sse`)?.emit(event.type, event); const title = await screen.findByRole('heading', { - name: /^Télécharger les courriers et les destinataires/ + name: /^Télécharger les destinataires et vos courriers/ }); expect(title).toBeVisible(); });