Merged in fix/SW-1128-side-peek (pull request #1031)

Fix/SW-1128/SW-1124 side peek and gallery

* fix(SW-1128): updated style and mobile design for sidepeek select hotel

* fix(SW-1128): update link sidepeek

* fix(SW-1124): fix padding gallery

* fix(SW-1128): fix sidepeek mobile design

* fix(SW-1128): fix mobile design

* fix(SW-1128): fix gallery icon caption


Approved-by: Niclas Edenvin

components/HotelReservation/Contact/contact.module.css

@@ -4,6 +4,7 @@
   grid-template-rows: auto;
   gap: var(--Spacing-x2);
   font-family: var(--typography-Body-Regular-fontFamily);
+  margin-bottom: var(--Spacing-x3);
 }
 
 .address,
@@ -20,6 +21,7 @@
   list-style-type: none;
   display: flex;
   flex-direction: column;
+  min-width: 0;
 }
 
 .soMeIcons {
@@ -28,6 +30,19 @@
 }
 
 .ecoLabel {
+  width: 38px;
+  height: auto;
+}
+
+.ecoLabel img {
+  width: 100%;
+  height: auto;
+  flex-shrink: 0;
+  grid-column: 1 / 3;
+  grid-row: 4 / 4;
+}
+
+.ecoContainer {
   display: flex;
   align-items: center;
   column-gap: var(--Spacing-x-one-and-half);
@@ -38,10 +53,6 @@
   margin-bottom: var(--Spacing-x1);
 }
 
-.ecoLabel img {
-  flex-shrink: 0;
-}
-
 .ecoLabelText {
   display: flex;
   color: var(--UI-Text-Medium-contrast);
@@ -49,8 +60,8 @@
   justify-content: center;
 }
 
-.googleMaps {
-  text-decoration: none;
+.link {
+  text-decoration: underline;
   font-family: var(--typography-Body-Regular-fontFamily);
-  color: var(--Base-Text-Medium-contrast);
+  color: var(--Base-Text-High-contrast);
 }