Merged in fix/SW-2367-mobile-ui-correction- (pull request #2603)

Fix/SW-2367 mobile ui correction

* fix(SW-2367): UI updates

* fix(SW-2367): Optimised code


Approved-by: Bianca Widstam

apps/scandic-web/components/HotelReservation/HotelCard/HotelChequeCard/hotelChequeCard.module.css

@@ -1,19 +1,20 @@
 .chequeCard {
-  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);
   margin: 0;
   width: 100%;
   display: grid;
-  gap: var(--Spacing-x1);
+  gap: var(--Space-x1);
 }
 
 .chequeRow,
 .cheque {
   display: flex;
-  gap: var(--Spacing-x-half);
+  gap: var(--Space-x05);
   justify-content: space-between;
   align-items: baseline;
+  color: var(--Text-Default);
 }
 
 .cheque {

apps/scandic-web/components/HotelReservation/HotelCard/HotelPointsRow/hotelPointsRow.module.css

@@ -1,5 +1,6 @@
 .poinstRow {
   display: flex;
-  gap: var(--Spacing-x1);
+  gap: var(--Space-x1);
   align-items: baseline;
+  color: var(--Text-Default);
 }