From 8b5de39cd71409a1bea3a1d34dc5f1f7fe365136 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bjo=CC=88rn=20Fromme?= <mail@bjo3rn.com>
Date: Sat, 29 Sep 2018 17:46:02 +0200
Subject: [PATCH] Improve datepicker style

---
 .../Resources/Private/Assets/js/components/DateSelect.vue  | 2 +-
 .../Resources/Private/Assets/scss/remix/_datepicker.scss   | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/DateSelect.vue b/web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/DateSelect.vue
index 8fa1b154..c600d801 100644
--- a/web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/DateSelect.vue
+++ b/web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/DateSelect.vue
@@ -23,7 +23,7 @@
                     <tbody>
                         <tr v-for="entry of availableRooms">
                             <td>{{entry.label}}</td>
-                            <td>ab {{entry.price * selectedNumberOfDays}} &euro;</td>
+                            <td style="white-space: nowrap">ab {{entry.price * selectedNumberOfDays}} &euro;</td>
                             <td>
                                 <a :href="entry.bookingUrl" target="_blank"
                                    class="button button--small button--action">Buchen</a>
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 f269c970..0639d0a7 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,8 +3,6 @@
 }
 
 .daterange__panel {
-  padding: 10px;
-  display: flex;
 }
 
 .daterange__headline,
@@ -41,6 +39,11 @@
 
 .flatpickr-calendar {
   box-shadow: none;
+
+  &.inline {
+    border: 1px solid $color-grey-light;
+    margin: 0 auto 16px;
+  }
 }
 
 .flatpickr-day.selected {