From c542d96a2e8f3aeb181198c0e7e32b3644a83bf8 Mon Sep 17 00:00:00 2001
From: nael <nael@cubedesigners.com>
Date: Thu, 8 Aug 2019 18:23:29 +0200
Subject: [PATCH] wip #2934 @5

---
 public/_modules/product-detail-page/index.html | 18 +++++++++---------
 public/_modules/product-detail-page/main.js    | 12 ++++++++++--
 public/_modules/product-detail-page/style.styl |  5 ++++-
 3 files changed, 23 insertions(+), 12 deletions(-)

diff --git a/public/_modules/product-detail-page/index.html b/public/_modules/product-detail-page/index.html
index 318dee9..d63a157 100644
--- a/public/_modules/product-detail-page/index.html
+++ b/public/_modules/product-detail-page/index.html
@@ -153,18 +153,18 @@
                         </div>
 
 
-                        <div class="flex">
-                        <p class="mt-4"><a href="/storage/116/Datasheet_K3D120_pmi_EN.pdf">
-                            Télécharger la fiche produit
-                        </a></p>
+                    <div class="flex justify-center">
+                        <!--<p class="mt-4"><a href="/storage/116/Datasheet_K3D120_pmi_EN.pdf">-->
+                            <!--Télécharger la fiche produit-->
+                        <!--</a></p>-->
 
-                        <div data-tooltip-content="Ajoutez un ou plusieurs produits à votre sélection,
-ajustez les quantités et obtenez un devis." class="ml-4 question-tooltip">
-                            <div class="questionmark">
-                                ?
+                            <div data-tooltip-content="Ajoutez un ou plusieurs produits à votre sélection,
+    ajustez les quantités et obtenez un devis." class="mt-4 question-tooltip">
+                                <div class="questionmark">
+                                    ?
+                                </div>
                             </div>
                         </div>
-                        </div>
                     </div>
                 </div>
             </div>
diff --git a/public/_modules/product-detail-page/main.js b/public/_modules/product-detail-page/main.js
index 417a78b..c5fee5e 100644
--- a/public/_modules/product-detail-page/main.js
+++ b/public/_modules/product-detail-page/main.js
@@ -8,9 +8,17 @@ tippy('.question-tooltip', {
     flipBehavior: ["top", "bottom"],
     theme: 'custom',
     placement: 'top',
-    trigger: 'click', // remove click trigger to hover
+    trigger: 'click', // remove click trigger to hover,
+
+    popperOptions:{
+        modifiers: {
+            data: {styles: {marginBottom: '50px'}},
+            hide: { enabled: true }
+        }
+    },
 
     // onCreate: data => {
     //     data.styles: 'margin: 0 20px';
     // },
-});
+
+});
\ No newline at end of file
diff --git a/public/_modules/product-detail-page/style.styl b/public/_modules/product-detail-page/style.styl
index 61cd2c9..d363682 100644
--- a/public/_modules/product-detail-page/style.styl
+++ b/public/_modules/product-detail-page/style.styl
@@ -23,4 +23,7 @@
   border-top-color: #6B7287;
 
 .tippy-tooltip.custom-theme[x-placement^='bottom'] .tippy-arrow
-  border-bottom-color: #6B7287;
\ No newline at end of file
+  border-bottom-color: #6B7287;
+
+.tippy-popper
+  margin: 0 1rem
\ No newline at end of file
-- 
2.39.5