Merge pull request #839 from danskernesdigitalebibliotek/revert-838-r…

…evert-828-DDFBRA-364-flatpickr-styles

Center calendar horizontally on mobile and hide box arrow

src/stories/Library/date-calendar/date-calendar.scss

@@ -19,13 +19,18 @@ $selected-date-background: rgb(0, 105, 255);
   // On small devices, we need to make sure that the calendar is visible.
   // People had troubles scrolling when the calendar is open (possible, but users
   // can't figure it out.
-  &.open.rangeMode {
-    @include media-query(
-      calc(map_get($breakpoints, "x-small") + 1px),
-      "max-width"
-    ) {
-      left: -$s-xl;
+  &.open.static {
+    @include media-query(map-get($breakpoints, "small"), "max-width") {
       top: -$s-4xl;
+      left: 0;
+      right: 0;
+      margin: 0 auto;
+
+      // Hide arrow
+      &::after,
+      &::before {
+        display: none;
+      }
     }
   }