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

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 {

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,