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 {

apps/scandic-web/components/Forms/BookingWidget/form.module.css

@@ -2,7 +2,7 @@
   align-items: center;
   display: grid;
   margin: 0 auto;
-  width: 100dvw;
+  width: 100%;
 }
 
 .form {
@@ -43,7 +43,6 @@
   }
 
   .compact {
-    width: 1160px;
     padding: var(--Spacing-x-one-and-half) var(--Spacing-x2)
       var(--Spacing-x-one-and-half) var(--Spacing-x1);
     white-space: nowrap;