From 2de8295ca5fac72a6c0c1a670bf55655d7b77ff5 Mon Sep 17 00:00:00 2001
From: "Chuma Mcphoy (We Ahead)" <chuma.mcphoy@scandichotels.com>
Date: Mon, 7 Apr 2025 12:32:56 +0000
Subject: [PATCH] Merged in fix/SW-2204-selected-room-section-alignment (pull
 request #1748)

fix(SW-2204): Selected room alignment

* refactor(SW-2204): remove unused icon wrapper and related styles from SelectedRoom component


Approved-by: Christian Andolf
---
 .../EnterDetails/SelectedRoom/index.tsx             |  5 -----
 .../SelectedRoom/selectedRoom.module.css            | 13 -------------
 2 files changed, 18 deletions(-)

diff --git a/apps/scandic-web/components/HotelReservation/EnterDetails/SelectedRoom/index.tsx b/apps/scandic-web/components/HotelReservation/EnterDetails/SelectedRoom/index.tsx
index bb3cd9e0c..83e32fb7e 100644
--- a/apps/scandic-web/components/HotelReservation/EnterDetails/SelectedRoom/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/EnterDetails/SelectedRoom/index.tsx
@@ -42,11 +42,6 @@ export default function SelectedRoom() {
 
   return (
     <div className={styles.wrapper} data-available={room.isAvailable}>
-      <div className={styles.iconWrapper}>
-        <div className={styles.circle}>
-          <MaterialIcon icon="check" color="Icon/Inverted" size={16} />
-        </div>
-      </div>
       <div className={styles.main}>
         <div className={styles.headerContainer}>
           <Footnote
diff --git a/apps/scandic-web/components/HotelReservation/EnterDetails/SelectedRoom/selectedRoom.module.css b/apps/scandic-web/components/HotelReservation/EnterDetails/SelectedRoom/selectedRoom.module.css
index 7bb60b37f..d6324f984 100644
--- a/apps/scandic-web/components/HotelReservation/EnterDetails/SelectedRoom/selectedRoom.module.css
+++ b/apps/scandic-web/components/HotelReservation/EnterDetails/SelectedRoom/selectedRoom.module.css
@@ -2,7 +2,6 @@
   position: relative;
   display: flex;
   flex-direction: row;
-  gap: var(--Spacing-x-one-and-half);
 }
 
 .wrapper[data-available="false"] .title,
@@ -41,10 +40,6 @@
   align-self: flex-start;
 }
 
-.wrapper[data-available="false"] .circle {
-  background-color: var(--Base-Surface-Subtle-Hover);
-}
-
 .rate {
   color: var(--UI-Text-Placeholder);
   display: block;
@@ -56,14 +51,6 @@
 }
 
 @media screen and (min-width: 768px) {
-  .wrapper {
-    gap: var(--Spacing-x3);
-  }
-
-  .iconWrapper {
-    top: var(--Spacing-x1);
-  }
-
   .rate {
     display: inline;
   }