From c6b6db024d8b70d1f6fd39f7cbf909a64c1a2fce Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Tue, 17 Dec 2024 16:57:59 +0100
Subject: [PATCH] fix(SW-952) re added address mobile

---
 .../HotelCard/hotelCard.module.css            |  6 ++++
 .../HotelReservation/HotelCard/index.tsx      | 32 +++++++++++--------
 2 files changed, 24 insertions(+), 14 deletions(-)

diff --git a/components/HotelReservation/HotelCard/hotelCard.module.css b/components/HotelReservation/HotelCard/hotelCard.module.css
index 1d5c651cc..0ea50cad2 100644
--- a/components/HotelReservation/HotelCard/hotelCard.module.css
+++ b/components/HotelReservation/HotelCard/hotelCard.module.css
@@ -57,6 +57,12 @@
   display: none;
   font-style: normal;
 }
+
+.addressMobile {
+  display: block;
+  font-style: normal;
+}
+
 .facilities {
   display: flex;
   flex-wrap: wrap;
diff --git a/components/HotelReservation/HotelCard/index.tsx b/components/HotelReservation/HotelCard/index.tsx
index 89d0c7243..5ba27540b 100644
--- a/components/HotelReservation/HotelCard/index.tsx
+++ b/components/HotelReservation/HotelCard/index.tsx
@@ -98,20 +98,24 @@ function HotelCard({
                   {hotelData.address.streetAddress}, {hotelData.address.city}
                 </Caption>
               </address>
-              <Caption color="baseTextMediumContrast" type="underline" asChild>
-                <Link
-                  href={`https://www.google.com/maps/dir/?api=1&destination=${hotelData.location.latitude},${hotelData.location.longitude}`}
-                  target="_blank"
-                  aria-label={intl.formatMessage({
-                    id: "Driving directions",
-                  })}
-                  title={intl.formatMessage({
-                    id: "Driving directions",
-                  })}
-                >
-                  {hotelData.address.streetAddress}, {hotelData.address.city}
-                </Link>
-              </Caption>
+              <address className={styles.addressMobile}>
+                <Caption color="burgundy" type="underline" asChild>
+                  <Link
+                    href={`https://www.google.com/maps/dir/?api=1&destination=${hotelData.location.latitude},${hotelData.location.longitude}`}
+                    target="_blank"
+                    aria-label={intl.formatMessage({
+                      id: "Driving directions",
+                    })}
+                    title={intl.formatMessage({
+                      id: "Driving directions",
+                    })}
+                    color="burgundy"
+                    size="small"
+                  >
+                    {hotelData.address.streetAddress}, {hotelData.address.city}
+                  </Link>
+                </Caption>
+              </address>
               <div>
                 <Divider variant="vertical" color="subtle" />
               </div>