Merge pull request #2546 from betagouv/improve-footer

Improve footer

app/assets/stylesheets/new_design/new_footer.scss

@@ -15,7 +15,7 @@ footer {
 }
 
 .dossier-footer {
-  @include vertical-padding(48px);
+  @include vertical-padding(30px);
   line-height: 24px;
 }
 
@@ -32,11 +32,10 @@ footer {
   flex-grow: 1;
   min-width: 280px;
   margin: 0 20px;
-  margin-bottom: 20px;
+  margin-bottom: 30px;
 
-  @media (max-width: 1000px) {
+  @media (max-width: 550px) {
     width: 100%;
-    margin-bottom: 14px;
   }
 }
 
@@ -98,8 +97,23 @@ footer {
 }
 
 .footer-bottom-line {
-  margin-top: 30px;
-  margin-bottom: -30px;
   text-align: center;
   font-size: small;
+
+  @media (max-width: 550px) {
+    text-align: left;
+  }
+}
+
+.footer-row {
+  margin-bottom: 30px;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+
+  // In this case, the bottom margin is defined directly on each individual column
+  &.footer-columns {
+    margin-bottom: 0;
+  }
 }

app/views/new_user/dossiers/_footer.html.haml

@@ -1,9 +1,8 @@
 %footer.dossier-footer
   .container
-    %ul.footer-columns
-
-      - service = dossier.procedure.service
-      - if service.present?
+    - service = dossier.procedure.service
+    - if service.present?
+      %ul.footer-row.footer-columns
         %li.footer-column
           %h3.footer-header Cette démarche est gérée par :
           %p
@@ -29,14 +28,14 @@
           %p
             Horaires : #{ service.horaires.sub(/\S/, &:downcase) }
 
-      - politiques = politiques_conservation_de_donnees(dossier.procedure)
-      - if politiques.present?
-        %li.footer-column
-          %h3.footer-header Conservation des données :
-          - politiques.each do |politique|
-            %p= politique
+        - politiques = politiques_conservation_de_donnees(dossier.procedure)
+        - if politiques.present?
+          %li.footer-column
+            %h3.footer-header Conservation des données :
+            - politiques.each do |politique|
+              %p= politique
 
-    .footer-bottom-line
+    .footer-row.footer-bottom-line
       = link_to "Accessibilité", accessibilite_index_path, :class => "footer-link"
       –
       = link_to "CGU", CGU_URL, :class => "footer-link", :target => "_blank", rel: "noopener noreferrer"