From cb2b70f725b253520f14cb34290da3e78d197145 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Mon, 14 Mar 2022 11:00:45 +0100
Subject: [PATCH] Improve searchbar pulldown styles, increase maximumm pax

---
 .../Domain/Model/Dto/FilterOptions.php        |  2 +-
 .../Private/Templates/Searchbar/Index.html    | 20 +++++++++++--------
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/public/typo3conf/ext/ep_products/Classes/Domain/Model/Dto/FilterOptions.php b/public/typo3conf/ext/ep_products/Classes/Domain/Model/Dto/FilterOptions.php
index 7e9f05d8..1b95abaf 100644
--- a/public/typo3conf/ext/ep_products/Classes/Domain/Model/Dto/FilterOptions.php
+++ b/public/typo3conf/ext/ep_products/Classes/Domain/Model/Dto/FilterOptions.php
@@ -110,7 +110,7 @@ class FilterOptions implements \JsonSerializable
     {
         $this->pax = [
             0 => 'beliebig',
-            ...array_combine(range(1, 20), range(1, 20))
+            ...array_combine(range(1, 24), range(1, 24))
         ];
     }
 
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Searchbar/Index.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Searchbar/Index.html
index 548951e6..e04aa5af 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Searchbar/Index.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Searchbar/Index.html
@@ -106,21 +106,23 @@
                                             <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-user-group"></use>
                                         </svg>
                                         <div
-                                            class="hidden absolute z-20 top-100 mt-2 left-0 bg-white p-4 shadow-md rounded w-full h-48 overflow-y-scroll"
+                                            class="hidden absolute z-20 top-100 mt-2 left-0 bg-white p-2 shadow-md rounded w-full h-48 overflow-y-scroll text-sm leading-6"
                                             data-collapse-target="container">
                                             <ul class="m-0 p-0">
                                                 <f:for each="{filterOptions.pax}" as="option">
                                                     <li>
                                                         <button type="button"
                                                                 data-action="searchbar#setPax"
-                                                                data-option="{option}">
+                                                                data-option="{option}"
+                                                                class="w-full text-right">
                                                             {option}
                                                         </button>
                                                     </li>
                                                 </f:for>
                                                 <li>
-                                                    <a href="{f:uri.typolink(parameter: settings.groupsPageUid)}">
-                                                        &gt; 20
+                                                    <a href="{f:uri.typolink(parameter: settings.groupsPageUid)}"
+                                                       class="block text-right">
+                                                        &gt; 24
                                                     </a>
                                                 </li>
                                             </ul>
@@ -144,7 +146,7 @@
                                             <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-airplane"></use>
                                         </svg>
                                         <div
-                                            class="hidden absolute z-20 top-100 mt-2 left-0 bg-white p-4 shadow-md rounded min-w-full h-64 overflow-y-scroll"
+                                            class="hidden absolute z-20 top-100 mt-2 left-0 bg-white p-2 shadow-md rounded min-w-full h-64 overflow-y-scroll"
                                             data-collapse-target="container">
                                             <div class="grid grid-cols-5 gap-4">
                                                 <f:for each="{filterOptions.destinations}" as="destination">
@@ -218,14 +220,15 @@
                                             <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-euro"></use>
                                         </svg>
                                         <div
-                                            class="hidden absolute z-20 top-100 left-0 bg-white p-4 shadow-md w-full h-48 overflow-y-scroll"
+                                            class="hidden absolute z-20 top-100 left-0 bg-white p-2 shadow-md w-full h-48 overflow-y-scroll text-sm leading-7"
                                             data-collapse-target="container">
                                             <ul class="m-0 p-0">
                                                 <li>
                                                     <button type="button"
                                                             data-action="searchbar#setPriceRange"
                                                             data-option-value=""
-                                                            data-label-value="beliebig">
+                                                            data-label-value="beliebig"
+                                                            class="w-full text-right">
                                                         beliebig
                                                     </button>
                                                 </li>
@@ -234,7 +237,8 @@
                                                         <button type="button"
                                                                 data-action="searchbar#setPriceRange"
                                                                 data-option-value="{range.uid}"
-                                                                data-label-value="{range.formatted}">
+                                                                data-label-value="{range.formatted}"
+                                                                class="w-full text-right">
                                                             {range.formatted}
                                                         </button>
                                                     </li>