From c25bd8f1c8220a3644af5c338d2e9042e13db07d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bjo=CC=88rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Wed, 1 Sep 2021 16:30:32 +0200
Subject: [PATCH] Avoid horizontal scrollbar caused by tooltip

---
 .../ext/ep_theme/Resources/Private/Partials/Mainnav.html        | 2 +-
 .../ext/ep_theme/Resources/Private/Partials/Product/Teaser.html | 2 +-
 .../ep_theme/Resources/Private/Partials/Product/TeaserWide.html | 2 +-
 .../Resources/Private/Templates/AjaxWatchlist/List.html         | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mainnav.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mainnav.html
index 0d521ea2..f1878685 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mainnav.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mainnav.html
@@ -6,7 +6,7 @@
 
     <f:section name="Main">
         <div class="relative z-40 lg:container bg-white">
-            <div class="flex items-center lg:items-end justify-between px-4 py-2 lg:pt-4 lg:pb-0">
+            <div class="flex items-center lg:items-end justify-between px-4 py-2 lg:px-0 lg:pt-4 lg:pb-0">
                 <a href="{f:uri.typolink(parameter: settings.defaultHomeUid)}"
                    class="block lg:pb-4"
                    title="{settings.defaultTitle}">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Teaser.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Teaser.html
index 09015952..17e5e476 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Teaser.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Teaser.html
@@ -23,7 +23,7 @@
                         data-watchlist-toggle-key-value="{teaser.hotel.uid}:{teaser.product.uid}"
                         data-watchlist-toggle-target="ariaLabel"
                         data-action="watchlist-toggle#toggle"
-                        data-cooltipz-dir="top"
+                        data-cooltipz-dir="top-right"
                         aria-label="auf die Merkliste setzen"
                         role="tooltip">
                     <svg class="w-6 h-6 text-white" data-watchlist-toggle-target="icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path></svg>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/TeaserWide.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/TeaserWide.html
index 99b26473..48f65e58 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/TeaserWide.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/TeaserWide.html
@@ -98,7 +98,7 @@
                     data-watchlist-toggle-key-value="{teaser.hotel.uid}:{teaser.product.uid}"
                     data-watchlist-toggle-target="ariaLabel"
                     data-action="watchlist-toggle#toggle"
-                    data-cooltipz-dir="top"
+                    data-cooltipz-dir="top-right"
                     aria-label="auf die Merkliste setzen"
                     role="tooltip">
                 <svg class="w-6 h-6 text-white" data-watchlist-toggle-target="icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path></svg>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxWatchlist/List.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxWatchlist/List.html
index 4f7c968e..84889998 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxWatchlist/List.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxWatchlist/List.html
@@ -140,7 +140,7 @@
                                             data-controller="watchlist-toggle"
                                             data-watchlist-toggle-key-value="{item.key}"
                                             data-action="watchlist-toggle#toggle">
-                                      <span data-cooltipz-dir="top"
+                                      <span data-cooltipz-dir="top-right"
                                             role="tooltip"
                                             aria-label="auf die Merkliste setzen"
                                             data-watchlist-toggle-target="ariaLabel">