From 0554ea576ebba07b75e5016f4571368d43f153b8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matilda=20Landstr=C3=B6m?=
 <matilda.landstrom@scandichotels.com>
Date: Mon, 19 May 2025 13:05:50 +0000
Subject: [PATCH] Merged in feat/SW-2760-SW-552-wellness-openinghours (pull
 request #2112)

fix(SW-2760, SW-2552): fix opening hours wellness sidepeek

* fix(SW-2760, SW-2552): fix opening hours wellness sidepeek


Approved-by: Erik Tiekstra
---
 .../WellnessAndExercise/Facility/facility.module.css   | 10 +++++++++-
 .../SidePeeks/WellnessAndExercise/Facility/index.tsx   | 10 +++++-----
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/facility.module.css b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/facility.module.css
index 52b8f6089..d08961b0b 100644
--- a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/facility.module.css
+++ b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/facility.module.css
@@ -10,8 +10,16 @@
   gap: var(--Spacing-x-one-and-half);
 }
 
+.openingHoursContainer {
+  display: grid;
+  gap: var(--Space-x15);
+}
+
 .openingHours {
-  margin-top: var(--Spacing-x1);
+  display: grid;
+  padding: var(--Space-x2) var(--Space-x3);
+  border-radius: var(--Corner-radius-md);
+  background: var(--Surface-Secondary-Default);
 }
 
 .title {
diff --git a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/index.tsx b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/index.tsx
index d5bf6797b..531d3398d 100644
--- a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/index.tsx
+++ b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/index.tsx
@@ -47,7 +47,7 @@ export default async function Facility({ data }: FacilityProps) {
           </Typography>
         )}
         {isExternalGym ? null : (
-          <div>
+          <div className={styles.openingHoursContainer}>
             <Typography variant="Title/Subtitle/md">
               <h4>
                 {intl.formatMessage({
@@ -60,12 +60,12 @@ export default async function Facility({ data }: FacilityProps) {
                 <p>
                   {ordinaryOpeningTimes.alwaysOpen
                     ? intl.formatMessage({
-                        defaultMessage: "Monday–Friday: Always open",
+                        defaultMessage: "Monday-Friday: Always open",
                       })
                     : intl.formatMessage(
                         {
                           defaultMessage:
-                            "Monday–Friday: {openingTime}–{closingTime}",
+                            "Monday-Friday: {openingTime}-{closingTime}",
                         },
                         {
                           openingTime: ordinaryOpeningTimes.openingTime,
@@ -76,12 +76,12 @@ export default async function Facility({ data }: FacilityProps) {
                 <p>
                   {weekendOpeningTimes.alwaysOpen
                     ? intl.formatMessage({
-                        defaultMessage: "Saturday–Sunday: Always open",
+                        defaultMessage: "Saturday-Sunday: Always open",
                       })
                     : intl.formatMessage(
                         {
                           defaultMessage:
-                            "Saturday–Sunday: {openingTime}–{closingTime}",
+                            "Saturday-Sunday: {openingTime}-{closingTime}",
                         },
                         {
                           openingTime: weekendOpeningTimes.openingTime,