From b91886bbc2b7d585fe6cd3b453478d3f27cfec40 Mon Sep 17 00:00:00 2001
From: planctus <davidepuntoferrante@gmail.com>
Date: Wed, 16 Oct 2024 10:29:02 +0300
Subject: [PATCH] feat(featured-item): Feedback from designers, removing extra
 spacing in simple variant in EC - FRONT-4652

---
 .../components/featured-item/featured-item.scss      | 12 ++++++++++++
 src/themes/ec/variables/_featured-item.scss          |  5 +++--
 src/themes/eu/variables/_featured-item.scss          |  1 +
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/implementations/vanilla/components/featured-item/featured-item.scss b/src/implementations/vanilla/components/featured-item/featured-item.scss
index 729b162dbf..98e72a2f1f 100644
--- a/src/implementations/vanilla/components/featured-item/featured-item.scss
+++ b/src/implementations/vanilla/components/featured-item/featured-item.scss
@@ -213,6 +213,18 @@ $featured-item: null !default;
         padding: map.get($featured-item, 'simple', 'media-padding-right');
       }
     }
+
+    .ecl-featured-item__item:only-child {
+      .ecl-featured-item__title,
+      .ecl-featured-item__description,
+      .ecl-featured-item__link {
+        margin-inline: map.get(
+          $featured-item,
+          'simple',
+          'text-spacing-only-child'
+        );
+      }
+    }
   }
 }
 
diff --git a/src/themes/ec/variables/_featured-item.scss b/src/themes/ec/variables/_featured-item.scss
index e14cd01652..9f4db1618a 100644
--- a/src/themes/ec/variables/_featured-item.scss
+++ b/src/themes/ec/variables/_featured-item.scss
@@ -38,8 +38,9 @@ $featured-item: (
     border-color: var(--c-st),
     title-spacing: var(--s-xl) var(--s-xl) var(--s-s),
     description-spacing: 0 var(--s-xl),
-    text-spacing-desktop: var(--s-xl),
-    text-spacing-right-desktop: var(--s-xl),
+    text-spacing-desktop: 0 var(--s-xl),
+    text-spacing-only-child: var(--s-xl),
+    text-spacing-right-desktop: var(--s-xl) 0,
   ),
   highlight: (
     container-background: map.get($color, 'white'),
diff --git a/src/themes/eu/variables/_featured-item.scss b/src/themes/eu/variables/_featured-item.scss
index f7f48ba968..4f9c6085fe 100644
--- a/src/themes/eu/variables/_featured-item.scss
+++ b/src/themes/eu/variables/_featured-item.scss
@@ -38,6 +38,7 @@ $featured-item: (
     border-color: var(--c-p),
     link-spacing: var(--s-m) 0,
     text-spacing-desktop: var(--s-m) 0,
+    text-spacing-only-child: 0,
     text-spacing-right-desktop: 0 var(--s-m),
     title-spacing: 0,
     description-spacing: var(--s-s) 0 0 0,