From cbf1b47865eb002a6163f2830f70fc1f98e71a1b Mon Sep 17 00:00:00 2001
From: Kevin <kevin@figureslibres.io>
Date: Mon, 29 Jun 2020 18:24:30 +0200
Subject: [PATCH] responsive footer

---
 web/app/themes/la_mine/asset/dist/style.css  | 19 +++++++++++++------
 web/app/themes/la_mine/templates/base.twig   |  5 +++--
 web/app/themes/la_mine/templates/footer.twig | 12 ++++++------
 3 files changed, 22 insertions(+), 14 deletions(-)

diff --git a/web/app/themes/la_mine/asset/dist/style.css b/web/app/themes/la_mine/asset/dist/style.css
index fc14fe26..81bf7f99 100644
--- a/web/app/themes/la_mine/asset/dist/style.css
+++ b/web/app/themes/la_mine/asset/dist/style.css
@@ -69,19 +69,26 @@ header > .nav-wrapper{
     object-fit: cover;
   }
   #fond_logo{
+    z-index: -1;
     position: absolute;
-    left: -13px;
-    top:-20px;
+    left: -25px;
+    top: -25px;
     width: 200px;
     height: 200px;
     background-color: white;
     border-radius: 200px;
+    transform: scale(1);
+    transition: all 0.3s ease;
+  }
+  .logoLamine:hover #fond_logo{
+    transform: scale(1.1);
+    transition: all 0.3s ease;
   }
   /* END LOGO */
 
   /* START RS */
   .rs{
-    padding-top: 10px;
+    /* padding-top: 10px; */
     height: fit-content;
   }
   .rs > div {
@@ -97,7 +104,7 @@ header > .nav-wrapper{
 
   /* START BURGER */
   .burger{
-    padding-top: 10px;
+    /* padding-top: 10px; */
     height: fit-content;
   }
   .fond_burger{
@@ -931,8 +938,8 @@ footer > section{
 }
 footer .logo_lamine {
   width: 100px;
-  height: 100px;
-  margin: 10px;
+  height: auto;
+  /* margin: 10px; */
 }
 
 footer .logo_lamine a{
diff --git a/web/app/themes/la_mine/templates/base.twig b/web/app/themes/la_mine/templates/base.twig
index 7cafa4c7..425d2e64 100644
--- a/web/app/themes/la_mine/templates/base.twig
+++ b/web/app/themes/la_mine/templates/base.twig
@@ -10,8 +10,9 @@
 		<header class="header d-flex ">
 			{% block header %}
 				<div class="logoLamine mr-auto">
-					<a class="hdr-logo-link" href="{{site.url}}"><img src="{{theme.link}}/asset/images/logo_lamine_vect.svg"/></a>
-					<div id="fond_logo"></div>
+					<a class="hdr-logo-link" href="{{site.url}}"><img src="{{theme.link}}/asset/images/logo_lamine_vect.svg"/>
+						<div id="fond_logo"></div>
+					</a>
 				</div>
 
 				<div class="nav-wrapper d-flex align-items-center">
diff --git a/web/app/themes/la_mine/templates/footer.twig b/web/app/themes/la_mine/templates/footer.twig
index e1b9f523..e8912786 100644
--- a/web/app/themes/la_mine/templates/footer.twig
+++ b/web/app/themes/la_mine/templates/footer.twig
@@ -1,18 +1,18 @@
 <section class="information col-12 col-lg-6 p-0">
-  <div class="d-flex justify-content-around">
-    <div class="logo_lamine col-sm-6">
+  <div class="d-flex justify-content-around flex-wrap">
+    <div class="logo_lamine col-lg-3 col-sm-6">
       <a href="{{site.url}}"><img src="{{ Image(options.lamine_footer.image_logo).src }}" /></a>
     </div>
 
-    <div class="horaires col-sm-6">
+    <div class="horaires col-lg-3 col-sm-6">
       {{options.texte_horaire }}
     </div>
 
-    <div class="adresse col-sm-6">
+    <div class="adresse col-lg-3 col-sm-6">
       {{options.texte_adresse }}
     </div>
 
-    <div class="col-sm-6">
+    <div class="col-lg-3 col-sm-6">
       <div class="collecte">
         {{options.texte_collecte }}
       </div>
@@ -64,7 +64,7 @@
 
   <div class="partenaires d-flex align-items-center col-lg-6">
     <div class="_titre">{{options.titre}}</div>
-    <div class="logo_partenaires  w-100">
+    <div class="logo_partenaires w-100">
       <div class="container_slide">
         <ul>
           {% for partner in options.partenaire %}