Improve procedure logo on procedure#show

app/assets/stylesheets/new_design/procedure-logo.scss

@@ -0,0 +1,17 @@
+@import "colors";
+@import "constants";
+
+.procedure-logo {
+  display: flex;
+  background: #FFFFFF;
+  border: 1px solid $border-grey;
+  height: 84px;
+  width: 84px;
+  margin-right: 2 * $default-spacer;
+
+  img {
+    margin: auto;
+    max-width: 80%;
+    max-height: 80%;
+  }
+}

app/views/new_gestionnaire/procedures/show.html.haml

@@ -1,10 +1,12 @@
 #procedure-show
   .backoffice-header
     .container.flex
-      - if @procedure.logo.present?
-        = image_tag @procedure.logo, height: 40, class: 'procedure-logo'
 
-      .width-100
+      .procedure-logo
+        - if @procedure.logo.present?
+          = image_tag @procedure.logo, alt: "Logo de la procédure"
+
+      .procedure-header
         %h1= @procedure.libelle
         %ul.tabs
           %li{ class: (@statut == 'a-suivre') ? 'active' : nil }>