diff --git a/src/components/Feedback/FeedbackModal.tsx b/src/components/Feedback/FeedbackModal.tsx index 53a9130ee7b45ed28ccd2e2c3ff49e626946f6c4..fef7c2595fb456e5b048826084672ba0e5d366ba 100644 --- a/src/components/Feedback/FeedbackModal.tsx +++ b/src/components/Feedback/FeedbackModal.tsx @@ -62,7 +62,8 @@ const FeedbackModal: React.FC<FeedbackModalProps> = ({ <div className="fb-root"> <StyledIcon icon={ecolyoIcon} size={80} /> <p className="title">{t('feedback.title')}</p> - <p className="subtitle">{t('feedback.subtitle')}</p> + <p className="text">{t('feedback.text1')}</p> + <p className="text">{t('feedback.text2')}</p> <div className="actions"> <Button aria-label={t('feedback.later')} diff --git a/src/components/Feedback/feedbackModal.scss b/src/components/Feedback/feedbackModal.scss index dae85d4cae5c98e9f93cafc959ca539c7ff76ba2..379ceff5f9448aa00c1b24d713b442c550ff181e 100644 --- a/src/components/Feedback/feedbackModal.scss +++ b/src/components/Feedback/feedbackModal.scss @@ -17,15 +17,15 @@ padding: 0.5rem; } - .subtitle { + .text { color: $grey-bright; - margin: 1rem 0 2rem; } .actions { width: 100%; display: flex; justify-content: center; + margin-top: 1rem; gap: 16px; button { margin-top: 0; diff --git a/src/locales/fr.json b/src/locales/fr.json index 481897bcbff49d3ec2ffe7237cd79970bb0b5180..a2d0a83331f8ab7b69c4031d04de6f35ed309567 100644 --- a/src/locales/fr.json +++ b/src/locales/fr.json @@ -609,7 +609,8 @@ }, "feedback": { "title": "Vous allez contacter le Service Assistance Utilisateur du Grand Lyon.", - "subtitle": "Vous pourrez nous remonter un problème, chercher de l'aide pour vous connecter plus facilement, ou encore nous partager une bonne idée d'évolution. N'hésitez pas à nous écrire ! L'équipe Ecolyo vous répondra avec plaisir :)", + "text1": "Vous pourrez nous remonter un problème, chercher de l'aide pour vous connecter plus facilement, ou encore nous partager une bonne idée d'évolution.", + "text2": "N'hésitez pas à nous écrire ! L'équipe Ecolyo vous répondra avec plaisir :)", "later": "Plus tard", "lets_go": "J'y vais", "accessibility": {