From 74001fe76460ec27142285c0e0c3c89db7d08e46 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matilda=20Landstr=C3=B6m?=
 <matilda.landstrom@scandichotels.com>
Date: Wed, 19 Jun 2024 15:00:53 +0200
Subject: [PATCH] refactor: remove unused code

---
 .../BenefitList/benefitList.module.css        | 33 -------------------
 .../OverviewTable/BenefitList/index.tsx       |  2 --
 .../BenefitValue/benefitValue.module.css      |  2 +-
 .../LargeTable/largeTable.module.css          |  4 +--
 .../OverviewTable/overviewTable.module.css    |  1 -
 5 files changed, 3 insertions(+), 39 deletions(-)

diff --git a/components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitList/benefitList.module.css b/components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitList/benefitList.module.css
index 2c0d01c4b..1b008ba50 100644
--- a/components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitList/benefitList.module.css
+++ b/components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitList/benefitList.module.css
@@ -7,41 +7,8 @@
   padding-top: 0;
 }
 
-.firstColumn {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 50%;
-  z-index: 1;
-}
-
-.secondColumn {
-  position: absolute;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  margin-bottom: calc(var(--Spacing-x2) * -1);
-  left: 50%;
-  right: 0;
-  z-index: 1;
-  border-top-left-radius: var(--Corner-radius-Medium);
-}
-
 @media screen and (min-width: 950px) {
   .benefitCardWrapper {
     grid-column: 1/4;
   }
-
-  .firstColumn {
-    width: calc((100%) / 3);
-    right: calc(100% / 3 * 2);
-    margin-left: 0;
-  }
-
-  .secondColumn {
-    width: calc(100% / 3);
-    left: calc(100% / 3);
-    right: calc(100% / 3);
-  }
 }
diff --git a/components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitList/index.tsx b/components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitList/index.tsx
index 6e3fb3c86..d60dfcf9b 100644
--- a/components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitList/index.tsx
+++ b/components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitList/index.tsx
@@ -24,8 +24,6 @@ export default function BenefitList({ levels }: BenefitListProps) {
       const levelBenefits = levels.map((level) => level.benefits[idx])
       return (
         <div key={benefit.name} className={styles.benefitCardWrapper}>
-          <div className={styles.firstColumn} />
-          <div className={styles.secondColumn} />
           <BenefitCard
             title={benefit.name}
             description={benefit.description}
diff --git a/components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitValue/benefitValue.module.css b/components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitValue/benefitValue.module.css
index 8b4b58193..c72e3dd7f 100644
--- a/components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitValue/benefitValue.module.css
+++ b/components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitValue/benefitValue.module.css
@@ -3,7 +3,7 @@
   flex-direction: column;
   align-items: center;
   gap: var(--Spacing-x-half);
-  padding: 0 1rem 0 1rem;
+  padding: 0 var(--Spacing-x4) 0 var(--Spacing-x4);
   text-wrap: balance;
 }
 
diff --git a/components/Loyalty/Blocks/DynamicContent/OverviewTable/LargeTable/largeTable.module.css b/components/Loyalty/Blocks/DynamicContent/OverviewTable/LargeTable/largeTable.module.css
index efa58457b..b25cc79a5 100644
--- a/components/Loyalty/Blocks/DynamicContent/OverviewTable/LargeTable/largeTable.module.css
+++ b/components/Loyalty/Blocks/DynamicContent/OverviewTable/LargeTable/largeTable.module.css
@@ -28,7 +28,7 @@
 }
 
 .td {
-  border: 1px solid var(--Scandic-Brand-Pale-Peach);
+  border: 1px solid var(--Scandic-Beige-20);
   border-left: none;
   border-right: none;
   font-size: var(--typography-Footnote-Regular-fontSize);
@@ -36,7 +36,7 @@
 }
 
 .benefitTh {
-  border: 1px solid var(--Scandic-Brand-Pale-Peach);
+  border: 1px solid var(--Scandic-Beige-20);
   border-right: none;
   padding: var(--Spacing-x3) var(--Spacing-x2);
   font-size: var(--typography-Caption-Regular-fontSize);
diff --git a/components/Loyalty/Blocks/DynamicContent/OverviewTable/overviewTable.module.css b/components/Loyalty/Blocks/DynamicContent/OverviewTable/overviewTable.module.css
index d8d3c2df1..951e3cdb8 100644
--- a/components/Loyalty/Blocks/DynamicContent/OverviewTable/overviewTable.module.css
+++ b/components/Loyalty/Blocks/DynamicContent/OverviewTable/overviewTable.module.css
@@ -66,7 +66,6 @@
 }
 
 .columnHeader:nth-child(2) {
-  background-color: var(--Base-Background-Normal);
   padding-left: var(--Spacing-x1);
   border-top-left-radius: var(--Corner-radius-Medium);
 }