From fc470e9c71bd32a8c5203868f94f3ac906ca3d58 Mon Sep 17 00:00:00 2001 From: gregoirenovel Date: Tue, 11 Sep 2018 16:30:54 +0200 Subject: [PATCH] Fix some spacing issues in the footer --- .../stylesheets/new_design/new_footer.scss | 23 +++++++++++++++---- app/views/new_user/dossiers/_footer.html.haml | 4 ++-- 2 files changed, 21 insertions(+), 6 deletions(-) diff --git a/app/assets/stylesheets/new_design/new_footer.scss b/app/assets/stylesheets/new_design/new_footer.scss index 523925e7e..b17ff187d 100644 --- a/app/assets/stylesheets/new_design/new_footer.scss +++ b/app/assets/stylesheets/new_design/new_footer.scss @@ -32,9 +32,9 @@ 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%; } } @@ -97,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; + } } diff --git a/app/views/new_user/dossiers/_footer.html.haml b/app/views/new_user/dossiers/_footer.html.haml index 7e88c27a2..95c0aa129 100644 --- a/app/views/new_user/dossiers/_footer.html.haml +++ b/app/views/new_user/dossiers/_footer.html.haml @@ -2,7 +2,7 @@ .container - service = dossier.procedure.service - if service.present? - %ul.footer-columns + %ul.footer-row.footer-columns %li.footer-column %h3.footer-header Cette démarche est gérée par : %p @@ -35,7 +35,7 @@ - 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"