fix(SW-2820): full width booking widget on startpage when scrolled down

Approved-by: Linus Flood

apps/scandic-web/components/BookingWidget/FloatingBookingWidget/FloatingBookingWidget.module.css

@@ -1,5 +1,6 @@
 .floatingBookingWidget {
-  width: 100vw;
+  width: var(--max-width-content);
+  margin: 0 auto;
   min-height: 84px;
   z-index: 1000;
   position: relative;
@@ -9,7 +10,6 @@
     flex-direction: column;
     justify-content: center;
     align-items: center;
-    background: rgba(255, 255, 255, 0);
     width: 100%;
   }
 
@@ -26,9 +26,3 @@
     }
   }
 }
-
-@media screen and (max-width: 767px) {
-  .floatingBookingWidget {
-    padding: 0 0.5rem;
-  }
-}

apps/scandic-web/components/BookingWidget/bookingWidget.module.css

@@ -1,6 +1,7 @@
 .wrapper {
   position: sticky;
   z-index: var(--booking-widget-z-index);
+  width: 100%;
 }
 
 .formContainer {
@@ -16,6 +17,7 @@
   left: 0;
   bottom: -100%;
   transition: bottom 300ms ease;
+  overflow: hidden;
 }
 
 .compact {