fix/SW-451-design-comments (pull request #845)

fix(SW-451): fix design comments

* fix(SW-451): fix design comments

* fix(SW-451): fix color styling

* fix(SW-451): fix title styling

* fix(SW-451): add fix correct gap


Approved-by: Pontus Dreij
Approved-by: Fredrik Thorsson
Approved-by: Matilda Landström

components/HotelReservation/SelectRate/HotelInfoCard/hotelInfoCard.module.css

@@ -30,9 +30,9 @@
   gap: var(--Spacing-x-half);
   background-color: var(--Base-Surface-Primary-light-Normal);
   position: absolute;
-  left: var(--Spacing-x2);
-  top: var(--Spacing-x2);
-  padding: 0 var(--Spacing-x1);
+  left: 8px;
+  top: 8px;
+  padding: var(--Spacing-x-quarter) var(--Spacing-x1);
   border-radius: var(--Corner-radius-Small);
 }
 
@@ -42,16 +42,16 @@
 }
 
 .hotelInformation {
+  display: flex;
+  flex-direction: column;
   gap: var(--Spacing-x1);
   width: min(607px, 100%);
 }
 
-.title {
-  margin-bottom: var(--Spacing-x1);
-}
-
-.body {
-  margin-top: var(--Spacing-x2);
+.hotelAddressDescription {
+  display: flex;
+  flex-direction: column;
+  gap: var(--Spacing-x2);
 }
 
 .facilities {
@@ -73,10 +73,6 @@
   gap: var(--Spacing-x1);
 }
 
-.facilityName {
-  color: var(--UI-Text-Medium-contrast);
-}
-
 .hotelAlert {
   max-width: var(--max-width-navigation);
   margin: 0 auto;