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

packages/booking-flow/lib/components/SelectRate/RoomsContainer/RateSummary/MobileSummary/summary.module.css

@@ -43,7 +43,7 @@
 .addOns {
   display: flex;
   flex-direction: column;
-  gap: var(--Spacing-x-one-and-half);
+  gap: var(--Space-x15);
   overflow-y: auto;
 }
 

packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/NoAvailabilityAlert/alert.module.css

@@ -1,5 +1,5 @@
 .hotelAlert {
   margin: 0 auto;
-  padding: var(--Spacing-x-one-and-half);
+  padding: var(--Space-x15);
   width: 100%;
 }

packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/roomListItem.module.css

@@ -5,7 +5,7 @@
   border-radius: var(--Corner-radius-lg);
   display: grid;
   font-size: 14px;
-  gap: var(--Spacing-x-one-and-half);
+  gap: var(--Space-x15);
   padding: 0 var(--Spacing-x2) var(--Spacing-x2);
   position: relative;
 }

packages/booking-flow/lib/components/SelectRate/RoomsContainer/index.module.css

@@ -1,6 +1,6 @@
 .errorContainer {
   margin: 0 auto;
-  padding: var(--Spacing-x-one-and-half) 0;
+  padding: var(--Space-x15) 0;
   width: 100%;
   max-width: var(--max-width-page);
 }