diff --git a/app/assets/stylesheets/new_design/dossier-edit.scss b/app/assets/stylesheets/new_design/dossier-edit.scss index cfea3941d..b37369943 100644 --- a/app/assets/stylesheets/new_design/dossier-edit.scss +++ b/app/assets/stylesheets/new_design/dossier-edit.scss @@ -1,24 +1,27 @@ @import "colors"; @import "constants"; -.dossier-edit { - .dossier-header { - background-color: $light-grey; - margin-bottom: $default-padding; +.dossier-header { + .container { + padding-bottom: $default-padding; + } - .container { - padding: $default-padding; - } + h1 { + font-size: 22px; - h1 { - font-size: 22px; - - .icon.folder { - vertical-align: -3px; - } + .icon.folder { + vertical-align: -3px; } } + .dossier-form-actions { + margin-top: $default-padding; + margin-bottom: $default-padding; + text-align: right; + } +} + +.dossier-edit { .prologue { margin: (1.5 * $default-padding) 0; display: flex; diff --git a/app/views/new_user/dossiers/modifier.html.haml b/app/views/new_user/dossiers/modifier.html.haml index f7fd7a58f..0a20b7d77 100644 --- a/app/views/new_user/dossiers/modifier.html.haml +++ b/app/views/new_user/dossiers/modifier.html.haml @@ -2,10 +2,8 @@ = render partial: "new_user/dossiers/footer", locals: { dossier: @dossier } .dossier-edit - .dossier-header + .dossier-header.sub-header .container - %h1 - %span.icon.folder - = @dossier.procedure.libelle + = render partial: "shared/dossiers/header", locals: { dossier: @dossier, apercu: false } = render partial: "shared/dossiers/edit", locals: { dossier: @dossier, apercu: false } diff --git a/app/views/shared/dossiers/_header.html.haml b/app/views/shared/dossiers/_header.html.haml new file mode 100644 index 000000000..4e4a888b8 --- /dev/null +++ b/app/views/shared/dossiers/_header.html.haml @@ -0,0 +1,3 @@ +%h1 + %span.icon.folder + = dossier.procedure.libelle