From b35fb330142989c43584b21ceb54bf15bac913bf Mon Sep 17 00:00:00 2001
From: eldk <webmaster@opalesurfcasting.net>
Date: Mon, 11 Jun 2018 14:01:46 +0200
Subject: [PATCH] allow tarteaucitronAlertSmall to be at top when orientation
 is set to top. On mobile, when Adsense Auto Ads is in use, and orientation to
 bottom, the small alert should be behind ads. This allow alert to be at top
 and unhide it.

---
 css/tarteaucitron.css | 12 ++++++++++--
 tarteaucitron.js      |  2 +-
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/css/tarteaucitron.css b/css/tarteaucitron.css
index d0f24c8..3b0951d 100644
--- a/css/tarteaucitron.css
+++ b/css/tarteaucitron.css
@@ -364,9 +364,17 @@
 /***
  * Small alert
  */
+
+.tarteaucitronAlertSmallTop {
+    top: 0;
+}
+
+.tarteaucitronAlertSmallBottom {
+    bottom: 0;
+}
+
 #tarteaucitronAlertSmall {
     background: #333;
-    bottom: 0;
     display: none;
     padding: 0;
     position: fixed;
@@ -542,4 +550,4 @@ ins.ferank-publicite, ins.adsbygoogle {
 div.amazon_product {
     height:240px;
     width:120px;
-}
\ No newline at end of file
+}
diff --git a/tarteaucitron.js b/tarteaucitron.js
index 0cada71..29347a7 100644
--- a/tarteaucitron.js
+++ b/tarteaucitron.js
@@ -296,7 +296,7 @@ var tarteaucitron = {
                 }
                 
                 if (defaults.showAlertSmall === true) {
-                    html += '<div id="tarteaucitronAlertSmall">';
+                    html += '<div id="tarteaucitronAlertSmall" class="tarteaucitronAlertSmall' + orientation + '">';
                     html += '   <div id="tarteaucitronManager" onclick="tarteaucitron.userInterface.openPanel();">';
                     html += '       ' + tarteaucitron.lang.alertSmall;
                     html += '       <div id="tarteaucitronDot">';