diff --git a/app/assets/stylesheets/new_design/backoffice.scss b/app/assets/stylesheets/new_design/backoffice.scss index 4b129546c..1e3cf3003 100644 --- a/app/assets/stylesheets/new_design/backoffice.scss +++ b/app/assets/stylesheets/new_design/backoffice.scss @@ -18,3 +18,9 @@ margin-bottom: -1px; } } + +.mixed-buttons-bar .button { + // Needed so that buttons without text + // are ligned with those that have text + vertical-align: top; +} diff --git a/app/assets/stylesheets/new_design/buttons.scss b/app/assets/stylesheets/new_design/buttons.scss index 1b4c31863..127e389b5 100644 --- a/app/assets/stylesheets/new_design/buttons.scss +++ b/app/assets/stylesheets/new_design/buttons.scss @@ -93,8 +93,12 @@ } } - &.icon-only .icon { - margin-right: 0; + &.icon-only { + padding: 9px 16px; + + .icon { + margin-right: 0; + } } } diff --git a/app/views/new_gestionnaire/dossiers/_header.html.haml b/app/views/new_gestionnaire/dossiers/_header.html.haml index 2330b2bcb..5d6f36316 100644 --- a/app/views/new_gestionnaire/dossiers/_header.html.haml +++ b/app/views/new_gestionnaire/dossiers/_header.html.haml @@ -6,7 +6,7 @@ = link_to dossier.procedure.libelle.truncate_words(10), procedure_path(dossier.procedure), title: dossier.procedure.libelle %li = "Dossier nº #{dossier.id}" - %div + .mixed-buttons-bar = link_to print_dossier_path(dossier.procedure, dossier), target: "_blank", class: "button icon-only" do .icon.printer> = render partial: "new_gestionnaire/procedures/dossier_actions", locals: { procedure: dossier.procedure, dossier: dossier, dossier_is_followed: current_gestionnaire&.follow?(dossier) }