From fe7f772f9672dee9783b5ef3ad7feace1de977e7 Mon Sep 17 00:00:00 2001
From: Mathieu Magnin <mathieu.magnin@gmail.com>
Date: Thu, 14 Sep 2017 10:11:45 +0200
Subject: [PATCH] Improve procedure logo on procedure#show

---
 .../stylesheets/new_design/procedure-logo.scss  | 17 +++++++++++++++++
 .../new_gestionnaire/procedures/show.html.haml  |  8 +++++---
 2 files changed, 22 insertions(+), 3 deletions(-)
 create mode 100644 app/assets/stylesheets/new_design/procedure-logo.scss

diff --git a/app/assets/stylesheets/new_design/procedure-logo.scss b/app/assets/stylesheets/new_design/procedure-logo.scss
new file mode 100644
index 000000000..e6de617d9
--- /dev/null
+++ b/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%;
+  }
+}
diff --git a/app/views/new_gestionnaire/procedures/show.html.haml b/app/views/new_gestionnaire/procedures/show.html.haml
index c3ecf838b..69df7ab10 100644
--- a/app/views/new_gestionnaire/procedures/show.html.haml
+++ b/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 }>