From 62ad3ee3378a63a668f1c6cfcc24358dffc10941 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Tue, 22 Oct 2024 11:57:43 +0200
Subject: [PATCH] fix: properly position toggle icon in mobile view

---
 .../Resources/Private/Templates/Travelinfo/Index.html         | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Travelinfo/Index.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Travelinfo/Index.html
index 83d29d01..5b42bd3b 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Travelinfo/Index.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Travelinfo/Index.html
@@ -117,11 +117,11 @@
                             </h2>
                             {teaser.bodytext -> f:format.html()}
                         </div>
-                        <div class="absolute left-0 bottom-0 w-full bg-white">
+                        <div class="absolute left-0 bottom-0 w-full bg-gradient-to-b from-transparent via-white via-20% to-white pt-2 md:pt-0">
                             <button type="button"
                                     data-autocollapse-target="button"
                                     data-action="autocollapse#toggle"
-                                    class="hidden text-ep-primary w-12 h-12 group toggle-more">
+                                    class="hidden text-ep-primary w-12 h-12 ml-4 md:ml-0 group toggle-more">
                                 <f:render section="Icon" arguments="{icon: 'toggle'}" />
                             </button>
                             <div class="bg-ep-primary w-full md:w-1/3 h-1"></div>