fix/SW-674-rate-cards-vertically-aligned (pull request #858)

Fix/SW-674 rate cards vertically aligned

* fix(SW-674): fix cards aligned

* fix(SW-674): fix columns for smaller ipad/tablet

* fix(SW-674): fix height on flexibility options

* fix(SW-674): fix comments

* fix(SW-674): remove margin

* fix(SW-674): auto fill with columns


Approved-by: Simon.Emanuelsson
Approved-by: Pontus Dreij
Approved-by: Niclas Edenvin

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

@@ -1,16 +1,13 @@
 .card {
   font-size: 14px;
   display: flex;
-  flex-direction: column-reverse;
+  flex-direction: column;
   background-color: #fff;
   border-radius: var(--Corner-radius-Large);
   border: 1px solid var(--Base-Border-Subtle);
   position: relative;
-}
-
-.cardBody {
-  display: flex;
-  flex-direction: column;
+  height: 100%;
+  justify-content: space-between;
 }
 
 .specification {
@@ -41,7 +38,8 @@
 .roomDetails {
   display: flex;
   flex-direction: column;
-  gap: var(--Spacing-x2);
+  gap: var(--Spacing-x1);
+  padding: var(--Spacing-x1) var(--Spacing-x2) var(--Spacing-x2);
 }
 
 .name {