From e2366ce6583e6d4782476df3fb8e5b0252037c06 Mon Sep 17 00:00:00 2001
From: gregoirenovel <log@kinko.fr>
Date: Wed, 28 Feb 2018 15:31:01 +0100
Subject: [PATCH] Improve the footer

---
 .../stylesheets/new_design/new_footer.scss    | 28 +++++++++++--------
 app/views/layouts/_new_footer.html.haml       | 12 ++++----
 2 files changed, 23 insertions(+), 17 deletions(-)

diff --git a/app/assets/stylesheets/new_design/new_footer.scss b/app/assets/stylesheets/new_design/new_footer.scss
index 5842e2ca6..91aa8fe19 100644
--- a/app/assets/stylesheets/new_design/new_footer.scss
+++ b/app/assets/stylesheets/new_design/new_footer.scss
@@ -44,26 +44,32 @@ footer {
   }
 }
 
-.footer-logo:hover {
-  opacity: 0.8;
+.footer-text {
+  font-style: italic;
+  margin-bottom: 14px;
 }
 
-.footer-logo-beta-gouv-fr {
-  @include ie-compatible-background-image("footer/logo-beta-gouv-fr.svg");
-
-  width: 190px;
-  height: 32px;
-  margin-bottom: 14px;
+.footer-logo:hover {
+  opacity: 0.8;
 }
 
 .footer-logo-dinsic {
   @include ie-compatible-background-image("footer/logo-dinsic.svg");
 
-  height: 115px;
-  width: 100px;
+  height: 104px;
+  width: 90px;
+  margin-bottom: 14px;
 }
 
-.footer-link a {
+.footer-logo-beta-gouv-fr {
+  @include ie-compatible-background-image("footer/logo-beta-gouv-fr.svg");
+
+  width: 150px;
+  height: 25px;
+}
+
+.footer-link a,
+.footer-text a {
   color: $black;
   text-decoration: none;
 
diff --git a/app/views/layouts/_new_footer.html.haml b/app/views/layouts/_new_footer.html.haml
index 61b857398..5cc5e2a07 100644
--- a/app/views/layouts/_new_footer.html.haml
+++ b/app/views/layouts/_new_footer.html.haml
@@ -3,15 +3,15 @@
     %ul.footer-columns
       %li.footer-column
         %ul.footer-logos
-          %li.footer-link
-            Un service fourni par :
-          %li
-            = link_to "https://beta.gouv.fr/" do
-              %span.footer-logo.footer-logo-beta-gouv-fr{ role: 'img', 'aria-label': 'Logo de beta.gouv.fr' }
+          %li.footer-text
+            Un service fourni par la <a href="http://www.modernisation.gouv.fr/">DINSIC</a>
+            %br
+            et incubé par <a href="https://beta.gouv.fr">beta.gouv.fr</a>
           %li
             = link_to "http://www.modernisation.gouv.fr/" do
               %span.footer-logo.footer-logo-dinsic{ role: 'img', 'aria-label': 'Logo de la DINSIC' }
-
+            = link_to "https://beta.gouv.fr" do
+              %span.footer-logo.footer-logo-beta-gouv-fr{ role: 'img', 'aria-label': 'Logo de beta.gouv.fr' }
 
       %li.footer-column
         %ul.footer-links