Improve datepicker style

2018-09-29 17:46:02 +02:00
parent 883e666cad
commit 8b5de39cd7
2 changed files with 6 additions and 3 deletions
@@ -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>
@@ -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 {