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

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

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;
   }