From 32de49bfc2195b85eb9157269255cb2f41b3b61d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bjo=CC=88rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Tue, 26 Oct 2021 17:30:34 +0200
Subject: [PATCH] Make datepicker in filterpanel usable on mobile

---
 .../Resources/Private/Partials/Search/FilterPanel.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html
index 10001208..aa7b9260 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html
@@ -41,14 +41,14 @@
                     </svg>
                     <div class="hidden absolute z-20 top-100 mt-2 left-0 min-w-full bg-white p-4 shadow-md rounded"
                          data-collapse-target="container">
-                        <div class="flex justify-between divide-x divide-gray-200">
-                            <div class="pr-2">
+                        <div class="flex flex-col md:flex-row md:justify-between divide-y md:divide-x divide-gray-200">
+                            <div class="pb-2 md:pb-0 md:pr-2">
                                 <input type="hidden"
                                        data-datepicker-target="field">
                             </div>
-                            <div class="flex-1 flex flex-col justify-between pl-2">
+                            <div class="flex-1 flex flex-col justify-between pt-2 md:pt-0 md:pl-2">
                                 <f:if condition="{settings.datePickerPresets}">
-                                    <div class="flex flex-col space-y-4">
+                                    <div class="grid grid-cols-2 gap-2 pb-4 md:pb-0 md:flex md:flex-col md:space-y-4">
                                         <f:for each="{settings.datePickerPresets}" as="preset">
                                             <button type="button"
                                                     class="button button--small button--light w-full"
@@ -61,7 +61,7 @@
                                         </f:for>
                                     </div>
                                 </f:if>
-                                <div class="flex flex-col space-y-4">
+                                <div class="grid grid-cols-2 gap-2 md:flex md:flex-col md:space-y-4">
                                     <button type="button"
                                             class="button button--small button--light w-full"
                                             data-action="collapse#close">