diff --git a/app/assets/stylesheets/help_dropdown.scss b/app/assets/stylesheets/help_dropdown.scss index ba755a28f..463c92698 100644 --- a/app/assets/stylesheets/help_dropdown.scss +++ b/app/assets/stylesheets/help_dropdown.scss @@ -23,8 +23,3 @@ color: $blue-france-500; } } - -.help-dropdown-service-item { - margin-top: $default-spacer; - line-height: 18px; -} diff --git a/app/views/shared/help/dropdown_items/_email_item.html.haml b/app/views/shared/help/dropdown_items/_email_item.html.haml index dae504d16..4fd296e75 100644 --- a/app/views/shared/help/dropdown_items/_email_item.html.haml +++ b/app/views/shared/help/dropdown_items/_email_item.html.haml @@ -1,5 +1,5 @@ = mail_to CONTACT_EMAIL, role: 'menuitem' do %span.fr-icon-mail-fill.fr-text-action-high--blue-france{ "aria-hidden": "true" } - .dropdown-description.fr-text--sm - %span.help-dropdown-title= t('help_dropdown.technical_contact_title') + .fr-pl-1w + %h1.fr-text--sm= t('help_dropdown.technical_contact_title') %p.fr-text--sm= t('help_dropdown.technical_contact_description', contact_email: CONTACT_EMAIL) diff --git a/app/views/shared/help/dropdown_items/_faq_item.html.haml b/app/views/shared/help/dropdown_items/_faq_item.html.haml index e4a4e60ef..dba62710f 100644 --- a/app/views/shared/help/dropdown_items/_faq_item.html.haml +++ b/app/views/shared/help/dropdown_items/_faq_item.html.haml @@ -1,6 +1,6 @@ = link_to t("links.common.faq.url"), title: new_tab_suffix(t('help_dropdown.general_title')), **external_link_attributes, role: 'menuitem' do %span.fr-icon-question-fill.fr-text-action-high--blue-france{ "aria-hidden": "true" } - .dropdown-description.fr-text--sm + .fr-pl-1w.fr-text--sm %span.help-dropdown-title = t('help_dropdown.problem_title') %p.fr-text--sm= t('help_dropdown.problem_description') diff --git a/app/views/shared/help/dropdown_items/_messagerie_item.html.haml b/app/views/shared/help/dropdown_items/_messagerie_item.html.haml index 0316831bc..862b92ae7 100644 --- a/app/views/shared/help/dropdown_items/_messagerie_item.html.haml +++ b/app/views/shared/help/dropdown_items/_messagerie_item.html.haml @@ -1,5 +1,5 @@ = link_to messagerie_dossier_path(dossier), role: 'menuitem' do %span.fr-icon-mail-fill.fr-text-action-high--blue-france{ "aria-hidden": "true" } - .dropdown-description.fr-text--sm - %span.help-dropdown-title= title + .fr-pl-1w + %h1.fr-text--sm= title %p.fr-text--sm= t('help_dropdown.contact_instructeur') diff --git a/app/views/shared/help/dropdown_items/_service_item.html.haml b/app/views/shared/help/dropdown_items/_service_item.html.haml index 5f2709e9d..74260c23b 100644 --- a/app/views/shared/help/dropdown_items/_service_item.html.haml +++ b/app/views/shared/help/dropdown_items/_service_item.html.haml @@ -1,24 +1,23 @@ %span.fr-icon-user-fill.fr-text-action-high--blue-france{ "aria-hidden": "true" } -.dropdown-description.fr-text--sm - %span.help-dropdown-title= title - .help-dropdown-service-action - %p.fr-text--sm= t('help_dropdown.contact_administration') - %dl.fr-text--sm - .flex.fr-mb-1w - %dt.fr-mr-1v - %span.help-dropdown-service-item.fr-icon-mail-fill.fr-icon--sm{ "aria-hidden": "true" } - %span.visually-hidden= t('layouts.mailers.service_footer.by_email') - %dd - = link_to service.email, "mailto:#{service.email}", role: 'menuitem' - .flex.fr-mb-1w - %dt.fr-mr-1v - %span.help-dropdown-service-item.fr-icon-phone-fill.fr-icon--sm{ "aria-hidden": "true" } - %span.visually-hidden= t('layouts.mailers.service_footer.by_phone') - %dd - = link_to service.telephone, service.telephone_url, role: 'menuitem' - .flex.fr-mb-1w - %dt.fr-mr-1v - %span.help-dropdown-service-item.fr-icon-time-fill.fr-icon--sm{ "aria-hidden": "true" } - %span.visually-hidden= t('layouts.mailers.service_footer.schedule') - %dd - = service.horaires +.fr-pl-1w + %h1.fr-text--sm= title + %p.fr-mt-2w.fr-mb-1w.fr-text--sm= t('help_dropdown.contact_administration') + %dl.fr-text--sm + .flex.fr-mb-1w + %dt.fr-mr-1v + %span.fr-icon-mail-fill.fr-icon--sm{ "aria-hidden": "true" } + %span.visually-hidden= t('layouts.mailers.service_footer.by_email') + %dd + = link_to service.email, "mailto:#{service.email}", role: 'menuitem' + .flex.fr-mb-1w + %dt.fr-mr-1v + %span.fr-icon-phone-fill.fr-icon--sm{ "aria-hidden": "true" } + %span.visually-hidden= t('layouts.mailers.service_footer.by_phone') + %dd + = link_to service.telephone, service.telephone_url, role: 'menuitem' + .flex + %dt.fr-mr-1v + %span.fr-icon-time-fill.fr-icon--sm{ "aria-hidden": "true" } + %span.visually-hidden= t('layouts.mailers.service_footer.schedule') + %dd + = service.horaires