From 309fd21a1f170cf8889a6f7712098f76c737fc00 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bjo=CC=88rn=20Fromme?= <mail@bjo3rn.com>
Date: Wed, 13 Mar 2019 13:25:17 +0100
Subject: [PATCH] Rearrange daterange presets to allow for additional item

---
 .../Assets/js/components/DaterangeSelect.vue        |  2 +-
 .../Resources/Private/Assets/scss/_searchbar.scss   |  4 ----
 .../Private/Assets/scss/remix/_datepicker.scss      | 13 +++++++++++--
 3 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/DaterangeSelect.vue b/web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/DaterangeSelect.vue
index 1b1213ef..cb78309e 100644
--- a/web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/DaterangeSelect.vue
+++ b/web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/DaterangeSelect.vue
@@ -11,7 +11,7 @@
                             <template v-for="preset of presets">
                                 <a class="daterange__preset" href="#"
                                    @click.prevent="selectPreset(preset)">
-                                    <i class="fa fa-calendar"></i> {{ preset.label }}
+                                    <i class="fa fa-calendar"></i> <span>{{ preset.label }}</span>
                                 </a>
                             </template>
                         </div>
diff --git a/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_searchbar.scss b/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_searchbar.scss
index 819a0758..0ac16593 100644
--- a/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_searchbar.scss
+++ b/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_searchbar.scss
@@ -88,10 +88,6 @@
                       }
                     }
                 }
-                &.daterange a {
-                    width: 80%;
-                    margin: 0 auto;
-                }
                 a{
                     color:$colorBlack;
                 }
diff --git a/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_datepicker.scss b/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_datepicker.scss
index f6f4d48f..f72bb8c9 100644
--- a/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_datepicker.scss
+++ b/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_datepicker.scss
@@ -3,6 +3,11 @@
 }
 
 .daterange__panel {
+  padding: 8px 0;
+
+  .flatpickr-calendar {
+    margin: 0 auto;
+  }
 }
 
 .daterange__headline,
@@ -12,12 +17,16 @@
 
 .daterange__presets {
   display: flex;
-  padding: 8px 0;
+  justify-content: space-between;
 }
 
 .daterange__preset {
-  flex: 1;
+  display: block;
   color: $color-font-base;
+
+  .fa {
+    display: block;
+  }
 }
 
 .daterange__buttons {