Merged in feat/SW-999-visual-fixes (pull request #976)

Feat/SW-999 visual fixes in enter details

* fix(SW-999): accordion title font sizes fix and alignment of change room button

* fix(SW-999): added scroll if content cannot fit inside popover


Approved-by: Christel Westerberg

components/HotelReservation/EnterDetails/SectionAccordion/sectionAccordion.module.css

@@ -48,8 +48,6 @@
 }
 
 .selection {
-  font-weight: 450;
-  font-size: var(--typography-Title-4-fontSize);
   grid-area: selection;
 }
 

components/HotelReservation/EnterDetails/SelectedRoom/selectedRoom.module.css

@@ -16,7 +16,7 @@
   justify-content: space-between;
   align-items: center;
   grid-template-areas:
-    "title button"
+    "title title"
     "description button";
 }
 
@@ -25,14 +25,13 @@
 }
 
 .description {
-  font-weight: 450;
-  font-size: var(--typography-Title-4-fontSize);
   grid-area: description;
 }
 
 .button {
   grid-area: button;
   justify-self: flex-end;
+  align-self: flex-start;
 }
 
 .iconWrapper {

components/TempDesignSystem/Popover/popover.module.css

@@ -4,6 +4,7 @@
   box-shadow: 0px 0px 14px 6px rgba(0, 0, 0, 0.1);
   padding: var(--Spacing-x2);
   max-width: calc(360px + var(--Spacing-x2) * 2);
+  overflow-y: auto;
 }
 
 .root section:focus-visible {