From a7cb4b65146731f0e00e0be532f296a452f1b96e Mon Sep 17 00:00:00 2001
From: Pierre de La Morinerie <kemenaran@gmail.com>
Date: Mon, 17 Sep 2018 15:06:50 +0200
Subject: [PATCH] dossier: add download icon to attestation link

---
 app/assets/images/icons/download-white.svg                 | 1 +
 app/assets/stylesheets/new_design/icons.scss               | 4 ++++
 app/assets/stylesheets/new_design/patron.scss              | 7 ++++++-
 .../new_user/dossiers/show/_status_overview.html.haml      | 5 ++++-
 app/views/root/patron.html.haml                            | 1 +
 5 files changed, 16 insertions(+), 2 deletions(-)
 create mode 100644 app/assets/images/icons/download-white.svg

diff --git a/app/assets/images/icons/download-white.svg b/app/assets/images/icons/download-white.svg
new file mode 100644
index 000000000..9b3f106ad
--- /dev/null
+++ b/app/assets/images/icons/download-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="20" viewBox="0 0 16 20"><g fill="none" fill-rule="evenodd"><path d="M11.5 8H15l-7 7-7-7h3.5V1h7zM1 19h14" stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><path d="M-4-2h24v24H-4z"/></g></svg>
\ No newline at end of file
diff --git a/app/assets/stylesheets/new_design/icons.scss b/app/assets/stylesheets/new_design/icons.scss
index 7962cf268..c2efb749a 100644
--- a/app/assets/stylesheets/new_design/icons.scss
+++ b/app/assets/stylesheets/new_design/icons.scss
@@ -53,6 +53,10 @@
     background-image: image-url("icons/attachment.svg");
   }
 
+  &.download {
+    background-image: image-url("icons/download-white.svg");
+  }
+
   &.lock {
     background-image: image-url("icons/lock.svg");
   }
diff --git a/app/assets/stylesheets/new_design/patron.scss b/app/assets/stylesheets/new_design/patron.scss
index 9c255eb6f..90f4931f4 100644
--- a/app/assets/stylesheets/new_design/patron.scss
+++ b/app/assets/stylesheets/new_design/patron.scss
@@ -1,7 +1,12 @@
-@import "placeholders";
+@import "colors";
 
 .patron {
   p {
     margin-bottom: 20px;
   }
+
+  .icon.download {
+    background-color: $blue;
+    box-shadow: 0px 0px 1px 2px $blue;
+  }
 }
diff --git a/app/views/new_user/dossiers/show/_status_overview.html.haml b/app/views/new_user/dossiers/show/_status_overview.html.haml
index 686585731..5cc3b2094 100644
--- a/app/views/new_user/dossiers/show/_status_overview.html.haml
+++ b/app/views/new_user/dossiers/show/_status_overview.html.haml
@@ -39,7 +39,10 @@
             %blockquote= dossier.motivation
 
           - if dossier.attestation.present?
-            = link_to 'Télécharger l’attestation', attestation_dossier_path(dossier), target: '_blank', class: 'button primary'
+            .action
+              = link_to attestation_dossier_path(dossier), target: '_blank', class: 'button primary' do
+                %span.icon.download
+                Télécharger l’attestation
 
     - elsif dossier.refuse?
       .refuse
diff --git a/app/views/root/patron.html.haml b/app/views/root/patron.html.haml
index f0d8a02a1..35173bda4 100644
--- a/app/views/root/patron.html.haml
+++ b/app/views/root/patron.html.haml
@@ -23,6 +23,7 @@
     %span.icon.search
     %span.icon.sign-out
     %span.icon.info
+    %span.icon.download
     %span.icon.frown
     %span.icon.meh
     %span.icon.smile