From f3bca9bfebaf88af1bf44bf97ea25f20e56cc54e Mon Sep 17 00:00:00 2001 From: Corinne Durrmeyer Date: Tue, 30 Jul 2024 15:22:52 +0200 Subject: [PATCH] Replace paragraphs with list --- app/assets/stylesheets/help_dropdown.scss | 6 ----- .../dropdown_items/_service_item.html.haml | 25 ++++++++++++------- 2 files changed, 16 insertions(+), 15 deletions(-) diff --git a/app/assets/stylesheets/help_dropdown.scss b/app/assets/stylesheets/help_dropdown.scss index f20b13a02..ba755a28f 100644 --- a/app/assets/stylesheets/help_dropdown.scss +++ b/app/assets/stylesheets/help_dropdown.scss @@ -24,13 +24,7 @@ } } -.help-dropdown-service-action { - margin-top: $default-padding; - margin-bottom: $default-spacer; -} - .help-dropdown-service-item { margin-top: $default-spacer; line-height: 18px; } - 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 9ae6e458c..9f04a22f6 100644 --- a/app/views/shared/help/dropdown_items/_service_item.html.haml +++ b/app/views/shared/help/dropdown_items/_service_item.html.haml @@ -3,12 +3,19 @@ %span.help-dropdown-title= title .help-dropdown-service-action %p.fr-text--sm= t('help_dropdown.contact_administration') - %p.fr-text--sm.help-dropdown-service-item - %span.fr-icon-mail-fill.fr-icon--sm{ "aria-label": t('layouts.mailers.service_footer.by_email') } - = link_to service.email, "mailto:#{service.email}", role: 'menuitem' - %p.fr-text--sm - %span.fr-icon-phone-fill.fr-icon--sm{ "aria-label": t('layouts.mailers.service_footer.by_phone') } - = link_to service.telephone, service.telephone_url, role: 'menuitem' - %p.fr-text--sm - %span.fr-icon-time-fill.fr-icon--sm{ "aria-label": t('layouts.mailers.service_footer.schedule') } - = service.horaires + %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-label": 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-label": 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.fr-icon-time-fill.fr-icon--sm{ "aria-label": t('layouts.mailers.service_footer.schedule') } + %dd + = service.horaires