From aef029f9d9cf0a6069ca102e1bb80250b8e0c7d9 Mon Sep 17 00:00:00 2001 From: Arvid Norlin Date: Tue, 4 Jun 2024 14:17:59 +0200 Subject: [PATCH] fix: add max-width --- .../OverviewTable/BenefitCard/benefitCard.module.css | 1 + .../OverviewTable/LargeTable/largeTable.module.css | 1 + .../OverviewTable/LevelSummary/levelSummary.module.css | 2 +- .../DynamicContent/OverviewTable/overviewTable.module.css | 7 +++++++ 4 files changed, 10 insertions(+), 1 deletion(-) diff --git a/components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitCard/benefitCard.module.css b/components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitCard/benefitCard.module.css index 0e105cbdb..46e6fd4a4 100644 --- a/components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitCard/benefitCard.module.css +++ b/components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitCard/benefitCard.module.css @@ -14,6 +14,7 @@ } .benefitCardDescription { + font-size: var(--typography-Caption-Regular-fontSize); line-height: 150%; } diff --git a/components/Loyalty/Blocks/DynamicContent/OverviewTable/LargeTable/largeTable.module.css b/components/Loyalty/Blocks/DynamicContent/OverviewTable/LargeTable/largeTable.module.css index dc36578ea..12cc7b479 100644 --- a/components/Loyalty/Blocks/DynamicContent/OverviewTable/LargeTable/largeTable.module.css +++ b/components/Loyalty/Blocks/DynamicContent/OverviewTable/LargeTable/largeTable.module.css @@ -32,6 +32,7 @@ font-size: var(--typography-Caption-Regular-fontSize); font-weight: 400; padding: 0 var(--Spacing-x3) var(--Spacing-x2); + vertical-align: top; } .td { diff --git a/components/Loyalty/Blocks/DynamicContent/OverviewTable/LevelSummary/levelSummary.module.css b/components/Loyalty/Blocks/DynamicContent/OverviewTable/LevelSummary/levelSummary.module.css index 2a2f0ad4e..2aa9751b5 100644 --- a/components/Loyalty/Blocks/DynamicContent/OverviewTable/LevelSummary/levelSummary.module.css +++ b/components/Loyalty/Blocks/DynamicContent/OverviewTable/LevelSummary/levelSummary.module.css @@ -14,7 +14,7 @@ .levelSummaryText { color: var(--Main-Brand-Burgundy); - font-size: var(--typography-Footnote-Regular-fontSize); + font-size: var(--typography-Caption-Regular-fontSize); line-height: var(--typography-Body-Regular-lineHeight); margin: 0; } diff --git a/components/Loyalty/Blocks/DynamicContent/OverviewTable/overviewTable.module.css b/components/Loyalty/Blocks/DynamicContent/OverviewTable/overviewTable.module.css index a6db45cc6..a334d9221 100644 --- a/components/Loyalty/Blocks/DynamicContent/OverviewTable/overviewTable.module.css +++ b/components/Loyalty/Blocks/DynamicContent/OverviewTable/overviewTable.module.css @@ -109,7 +109,14 @@ display: none; } + .intro { + margin: auto; + max-width: 1512px; + } + .largeTableContainer { display: block; + margin: auto; + max-width: 1512px; } }