Merged in feat/book-522-align (pull request #3101)

feat(BOOK-522): align items in topmenu, header and booking widget

* feat(BOOK-522): align items in topmenu, header and booking widget

* Delete old css variable and use new

* Fixed underline on icons


Approved-by: Erik Tiekstra

apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/PriceDetails/priceDetails.module.css

@@ -3,7 +3,7 @@
   align-items: center;
   justify-content: space-between;
   gap: var(--Spacing-x1);
-  padding: var(--Spacing-x-one-and-half);
+  padding: var(--Space-x15);
   background-color: var(--Base-Surface-Secondary-light-Normal);
   border-radius: var(--Corner-radius-md);
 }

apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/SelectAncillaryStep/selectAncillaryStep.module.css

@@ -15,7 +15,7 @@
   gap: var(--Spacing-x2);
   height: 470px;
   overflow-y: auto;
-  padding-right: var(--Spacing-x-one-and-half);
+  padding-right: var(--Space-x15);
   margin-top: var(--Spacing-x2);
 }
 

apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddedAncillaries/addedAncillaries.module.css

@@ -8,7 +8,7 @@
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-  gap: var(--Spacing-x-one-and-half);
+  gap: var(--Space-x15);
   margin-top: var(--Spacing-x5);
 }
 
@@ -99,7 +99,7 @@
 
 .comment {
   display: flex;
-  gap: var(--Spacing-x-one-and-half);
+  gap: var(--Space-x15);
 }
 
 .actions {

apps/scandic-web/components/HotelReservation/MyStay/GuestDetails/guestDetails.module.css

@@ -46,7 +46,7 @@
 
 .totalPointsText {
   display: flex;
-  gap: var(--Spacing-x-one-and-half);
+  gap: var(--Space-x15);
   align-items: center;
 }
 
@@ -87,7 +87,7 @@
   }
   .guestDetails {
     align-items: flex-start;
-    padding: var(--Spacing-x3) var(--Spacing-x-one-and-half);
+    padding: var(--Spacing-x3) var(--Space-x15);
   }
   .contactInfoMobile,
   .userDetailsTitle {
@@ -99,7 +99,7 @@
     gap: var(--Spacing-x-half);
   }
   .totalPoints {
-    padding: var(--Spacing-x-one-and-half) 0;
+    padding: var(--Space-x15) 0;
     justify-content: flex-start;
   }
 }

apps/scandic-web/components/HotelReservation/MyStay/Receipt/Footer/footer.module.css

@@ -8,7 +8,7 @@
   display: flex;
   flex-direction: column;
   flex-grow: 1;
-  gap: var(--Spacing-x-one-and-half);
+  gap: var(--Space-x15);
 }
 
 .dl dt {

apps/scandic-web/components/HotelReservation/MyStay/Receipt/Total/total.module.css

@@ -17,11 +17,11 @@
 .totalContainer {
   border: 1px solid var(--Border-Divider-Subtle);
   border-radius: var(--Spacing-x1);
-  padding: var(--Spacing-x-one-and-half) var(--Spacing-x2) var(--Spacing-x2)
+  padding: var(--Space-x15) var(--Spacing-x2) var(--Spacing-x2)
     var(--Spacing-x2);
   flex-direction: column;
   align-items: stretch;
-  gap: var(--Spacing-x-one-and-half);
+  gap: var(--Space-x15);
   display: flex;
 }
 

apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/BookingInformation/PriceDetails/details.module.css

@@ -3,7 +3,7 @@
   flex-direction: column;
   align-items: center;
   gap: var(--Spacing-x1);
-  padding: var(--Spacing-x-one-and-half) 0;
+  padding: var(--Space-x15) 0;
   width: calc(100% - var(--Spacing-x4));
   justify-content: center;
   margin: 0 auto;

apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/BookingInformation/information.module.css

@@ -17,6 +17,6 @@
     flex-direction: row;
     justify-content: space-between;
     margin: 0;
-    padding: var(--Spacing-x-one-and-half);
+    padding: var(--Space-x15);
   }
 }

apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/Header/header.module.css

@@ -1,12 +1,12 @@
 .header {
   display: flex;
-  gap: var(--Spacing-x-one-and-half);
+  gap: var(--Space-x15);
   padding: 0 var(--Spacing-x2);
 }
 
 .container {
   display: flex;
-  gap: var(--Spacing-x-one-and-half);
+  gap: var(--Space-x15);
 }
 
 .chip {