Merged in fix/SW-3144-prod-mobile-hotel-card-select-rate- (pull request #2560)

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

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 {

apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/HotelDescription/index.tsx

@@ -53,6 +53,7 @@ export default function HotelDescription({
           </div>
         ))}
       </div>
+      <div>
         <Typography variant="Body/Paragraph/mdRegular">
           <p
             className={`${styles.hotelDescription} ${
@@ -67,8 +68,6 @@ export default function HotelDescription({
             {expanded ? textShowLess : textShowMore}
           </ButtonRAC>
         </Typography>
-
-      {expanded && (
         <div className={styles.expandedContent}>
           <ReadMore
             label={intl.formatMessage({
@@ -78,6 +77,9 @@ export default function HotelDescription({
             showCTA={false}
             sidePeekKey={SidePeekEnum.hotelDetails}
           />
+        </div>
+      </div>
+
       {hotel.specialAlerts.map((alert) => (
         <Alert
           key={alert.id}
@@ -87,7 +89,5 @@ export default function HotelDescription({
         />
       ))}
     </div>
-      )}
-    </div>
   )
 }