From 12fee4adcdef5b71a69cfb761921aa96fbf0cc83 Mon Sep 17 00:00:00 2001
From: Alexis Gousseau <alexis.gousseau@ldc.fr>
Date: Thu, 29 Jun 2023 10:35:27 +0200
Subject: [PATCH] fix responsive product page - issue #23

---
 resources/sass/front/_footer.scss                 | 2 +-
 resources/sass/front/pages/products/_product.scss | 9 +++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/resources/sass/front/_footer.scss b/resources/sass/front/_footer.scss
index fb8bb558..86dfa2a5 100644
--- a/resources/sass/front/_footer.scss
+++ b/resources/sass/front/_footer.scss
@@ -124,7 +124,7 @@ body > div > footer {
                     & a {
                         padding: 0;
                         font-size: 3.5em;
-                        margin: 0 14px;
+                        margin: 0 12px;
                         @include max-width($mobile + 100px) {
                             font-size: 3em;
                         }
diff --git a/resources/sass/front/pages/products/_product.scss b/resources/sass/front/pages/products/_product.scss
index 79a10b5a..892dcf9f 100644
--- a/resources/sass/front/pages/products/_product.scss
+++ b/resources/sass/front/pages/products/_product.scss
@@ -33,6 +33,7 @@
         }
         @include max-width($desktop) {
             padding-left: 21em;
+            padding-bottom: 78em;
         }
         @include max-width($tablet) {
             padding-left: 0;
@@ -67,10 +68,13 @@
                 position: absolute;
                 margin-left: 0;
                 bottom: 0;
-                left: 50%;
-                transform: translateX(-50%);
+                left: 21em;
                 margin-bottom: 3rem;
             }
+            @include max-width($tablet) {
+                left: 50%;
+                transform: translateX(-50%)
+            }
 
             & picture {
                 text-align: center;
@@ -123,6 +127,7 @@
         // pour responsive rsm
         &.wrapperRsm {
             min-height: $rsmHeight + 3rem * 3;
+            position: relative;
         }
 
         & .general {