From 5d77be3f0e15617ade5d4c0b4a35558036969c98 Mon Sep 17 00:00:00 2001
From: Hrishikesh Vaipurkar <hrishikesh.vaipurkar@scandichotels.com>
Date: Wed, 23 Jul 2025 09:49:56 +0000
Subject: [PATCH] Merged in fix/SW-3144-prod-mobile-hotel-card-select-rate-
 (pull request #2560)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

fix(SW-3144): Make hotel alert visible bydefault in mobile view on select-rate page

* fix(SW-3144): Make hotel alert visible bydefault in mobile view on select-rate page

* fix: spacing
fix:  show 'all ameneties' button without expanding text

* Merge branch 'master' of bitbucket.org:scandic-swap/web into fix/SW-3144-prod-mobile-hotel-card-select-rate-


Approved-by: Joakim Jäderberg
---
 .../hotelDescription.module.css               |  2 +-
 .../HotelInfoCard/HotelDescription/index.tsx  | 50 +++++++++----------
 2 files changed, 26 insertions(+), 26 deletions(-)

diff --git a/apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/HotelDescription/hotelDescription.module.css b/apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/HotelDescription/hotelDescription.module.css
index 85289a5c2..a6f1bff19 100644
--- a/apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/HotelDescription/hotelDescription.module.css
+++ b/apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/HotelDescription/hotelDescription.module.css
@@ -6,6 +6,7 @@
 .descriptionWrapper {
   display: flex;
   flex-direction: column;
+  gap: var(--Space-x2);
 }
 
 .collapsed {
@@ -55,7 +56,6 @@
   justify-content: center;
   flex-wrap: wrap;
   gap: var(--Space-x15);
-  padding-bottom: var(--Space-x2);
 }
 
 .facilitiesItem {
diff --git a/apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/HotelDescription/index.tsx b/apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/HotelDescription/index.tsx
index 30a3fdcb4..7c5334a7d 100644
--- a/apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/HotelDescription/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/HotelDescription/index.tsx
@@ -53,22 +53,21 @@ export default function HotelDescription({
           </div>
         ))}
       </div>
-      <Typography variant="Body/Paragraph/mdRegular">
-        <p
-          className={`${styles.hotelDescription} ${
-            expanded ? styles.expanded : styles.collapsed
-          }`}
-        >
-          {description}
-        </p>
-      </Typography>
-      <Typography variant="Link/md">
-        <ButtonRAC className={styles.showMoreButton} onPress={handleToggle}>
-          {expanded ? textShowLess : textShowMore}
-        </ButtonRAC>
-      </Typography>
-
-      {expanded && (
+      <div>
+        <Typography variant="Body/Paragraph/mdRegular">
+          <p
+            className={`${styles.hotelDescription} ${
+              expanded ? styles.expanded : styles.collapsed
+            }`}
+          >
+            {description}
+          </p>
+        </Typography>
+        <Typography variant="Link/md">
+          <ButtonRAC className={styles.showMoreButton} onPress={handleToggle}>
+            {expanded ? textShowLess : textShowMore}
+          </ButtonRAC>
+        </Typography>
         <div className={styles.expandedContent}>
           <ReadMore
             label={intl.formatMessage({
@@ -78,16 +77,17 @@ export default function HotelDescription({
             showCTA={false}
             sidePeekKey={SidePeekEnum.hotelDetails}
           />
-          {hotel.specialAlerts.map((alert) => (
-            <Alert
-              key={alert.id}
-              type={alert.type}
-              heading={alert.heading}
-              text={alert.text}
-            />
-          ))}
         </div>
-      )}
+      </div>
+
+      {hotel.specialAlerts.map((alert) => (
+        <Alert
+          key={alert.id}
+          type={alert.type}
+          heading={alert.heading}
+          text={alert.text}
+        />
+      ))}
     </div>
   )
 }