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/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;
   }
 }