Merged in fix/SW-1122-breakfast-text-equal-height (pull request #1098)

fix(SW-1122): fix equal breakfast text height for non availability cards

* fix(SW-1122): fix equal breakfast text height for non availability cards


Approved-by: Pontus Dreij
Approved-by: Niclas Edenvin

components/HotelReservation/SelectRate/RoomSelection/RoomCard/index.tsx

@@ -12,6 +12,10 @@ import Footnote from "@/components/TempDesignSystem/Text/Footnote"
 import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
 
 import { getIconForFeatureCode } from "../../utils"
+import {
+  RATE_CARDS_AVAILABLE_HEIGHT_CLASS,
+  RATE_CARDS_NOT_AVAILABLE_HEIGHT_CLASS,
+} from "../utils"
 import { cardVariants } from "./cardVariants"
 
 import styles from "./roomCard.module.css"
@@ -182,7 +186,9 @@ export default function RoomCard({
             */}
         </div>
       </div>
-      <div className={styles.container}>
+      <div
+        className={`${styles.container}  ${roomConfiguration.status === "NotAvailable" ? RATE_CARDS_NOT_AVAILABLE_HEIGHT_CLASS : RATE_CARDS_AVAILABLE_HEIGHT_CLASS}`}
+      >
         <Caption color="uiTextHighContrast" type="bold">
           {getBreakfastMessage(rates.flexRate)}
         </Caption>

components/HotelReservation/SelectRate/RoomSelection/RoomCard/roomCard.module.css

@@ -12,7 +12,6 @@
 }
 
 .card.noAvailability {
-  justify-content: flex-start;
   opacity: 0.6;
 }