From 39ebfe50c98d97c4d38f76f11a843afa0f53e35c Mon Sep 17 00:00:00 2001
From: Arvid Norlin <arvid.norlin@scandichotels.com>
Date: Fri, 10 Jan 2025 14:14:24 +0100
Subject: [PATCH] fix: adjust modal padding-bottom

---
 .../BookingConfirmation/Receipt/receipt.module.css         | 7 +++----
 .../Summary/PriceDetailsTable/priceDetailsTable.module.css | 4 +++-
 .../FlexibilityOption/flexibilityOption.module.css         | 7 +++----
 components/Modal/modal.module.css                          | 2 +-
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/components/HotelReservation/BookingConfirmation/Receipt/receipt.module.css b/components/HotelReservation/BookingConfirmation/Receipt/receipt.module.css
index ff010a681..c84c727d9 100644
--- a/components/HotelReservation/BookingConfirmation/Receipt/receipt.module.css
+++ b/components/HotelReservation/BookingConfirmation/Receipt/receipt.module.css
@@ -37,16 +37,15 @@
   justify-self: flex-start;
 }
 .terms {
-  margin-top: var(--Spacing-x3);
-  margin-bottom: var(--Spacing-x3);
+  padding-top: var(--Spacing-x3);
 }
 .termsText:nth-child(n) {
   display: flex;
   align-items: center;
-  margin-bottom: var(--Spacing-x1);
+  padding-bottom: var(--Spacing-x1);
 }
 .terms .termsIcon {
-  margin-right: var(--Spacing-x1);
+  padding-right: var(--Spacing-x1);
 }
 
 @media screen and (min-width: 1367px) {
diff --git a/components/HotelReservation/EnterDetails/Summary/PriceDetailsTable/priceDetailsTable.module.css b/components/HotelReservation/EnterDetails/Summary/PriceDetailsTable/priceDetailsTable.module.css
index bec869da3..284e9ac5a 100644
--- a/components/HotelReservation/EnterDetails/Summary/PriceDetailsTable/priceDetailsTable.module.css
+++ b/components/HotelReservation/EnterDetails/Summary/PriceDetailsTable/priceDetailsTable.module.css
@@ -11,7 +11,6 @@
   display: flex;
   gap: var(--Spacing-x-half);
   flex-direction: column;
-  padding-bottom: var(--Spacing-x2);
   width: 100%;
 }
 
@@ -23,6 +22,9 @@
   border-top: 1px solid var(--Primary-Light-On-Surface-Divider-subtle);
 }
 
+.tableSection:not(:last-child) {
+  padding-bottom: var(--Spacing-x2);
+}
 .row {
   display: flex;
   justify-content: space-between;
diff --git a/components/HotelReservation/SelectRate/RoomSelection/FlexibilityOption/flexibilityOption.module.css b/components/HotelReservation/SelectRate/RoomSelection/FlexibilityOption/flexibilityOption.module.css
index 1c6b93e4b..d79753d57 100644
--- a/components/HotelReservation/SelectRate/RoomSelection/FlexibilityOption/flexibilityOption.module.css
+++ b/components/HotelReservation/SelectRate/RoomSelection/FlexibilityOption/flexibilityOption.module.css
@@ -79,14 +79,13 @@ input[type="radio"]:checked + .card .checkIcon {
 }
 
 .terms {
-  margin-top: var(--Spacing-x3);
-  margin-bottom: var(--Spacing-x3);
+  padding-top: var(--Spacing-x3);
 }
 .termsText:nth-child(n) {
   display: flex;
   align-items: center;
-  margin-bottom: var(--Spacing-x1);
+  padding-bottom: var(--Spacing-x1);
 }
 .termsIcon {
-  margin-right: var(--Spacing-x1);
+  padding-right: var(--Spacing-x1);
 }
diff --git a/components/Modal/modal.module.css b/components/Modal/modal.module.css
index 120952cf8..8cda310d1 100644
--- a/components/Modal/modal.module.css
+++ b/components/Modal/modal.module.css
@@ -47,7 +47,7 @@
   flex-direction: column;
   align-items: center;
   gap: var(--Spacing-x2);
-  padding: 0 var(--Spacing-x3) var(--Spacing-x1);
+  padding: 0 var(--Spacing-x3) var(--Spacing-x4);
 }
 
 .close {