From bbe7761e0cabd386147b170b092f1884a12a924e Mon Sep 17 00:00:00 2001
From: ext-vradulescu <ext-vradulescu@bitdefender.com>
Date: Wed, 5 Jun 2024 13:27:05 +0300
Subject: [PATCH] [DEX-18110] - Design fixes for free page

---
 .../blocks/image-columns/image-columns.css    | 19 +++----------------
 .../blocks/image-columns/image-columns.js     |  1 +
 2 files changed, 4 insertions(+), 16 deletions(-)

diff --git a/solutions/blocks/image-columns/image-columns.css b/solutions/blocks/image-columns/image-columns.css
index 0bd5c01b4..4ac2bc5cc 100644
--- a/solutions/blocks/image-columns/image-columns.css
+++ b/solutions/blocks/image-columns/image-columns.css
@@ -1,5 +1,5 @@
-.image-columns-wrapper {
-  padding: 0;
+.image-columns-container ul {
+  padding-left: 0;
 }
 
 .image-columns {
@@ -40,7 +40,6 @@
 }
 
 .image-columns > div > .image-columns-img-col .img-container {
-  max-width: 645px;
   width: 100%;
   height: auto;
   margin: 0 auto;
@@ -57,7 +56,6 @@
   position: relative;
   font-size: var(--body-font-size-l);
   list-style: none;
-  transform: translateX(-35px);
 }
 
 .image-columns ul li::before {
@@ -107,6 +105,7 @@
   font-size: 16px;
   line-height: 1.5;
   margin: 0 0 20px;
+  padding-left: var(--body-padding);
 }
 
 @media (min-width: 1400px) {
@@ -131,16 +130,4 @@
     flex: 1;
     order: unset;
   }
-
-  .image-columns-wrapper {
-    max-width: var(--section-desktop-max-width);
-    padding: 36px 0;
-    margin: 0 auto;
-  }
 }
-
-@media (min-width: 1600px) { /* large desktop */
-  .image-columns-wrapper {
-    max-width: var(--section-large-desktop-max-width);
-  }
-}
\ No newline at end of file
diff --git a/solutions/blocks/image-columns/image-columns.js b/solutions/blocks/image-columns/image-columns.js
index d36bb2c6e..7b896eb67 100644
--- a/solutions/blocks/image-columns/image-columns.js
+++ b/solutions/blocks/image-columns/image-columns.js
@@ -1,6 +1,7 @@
 export default function decorate(block) {
   const cols = [...block.firstElementChild.children];
   block.classList.add(`columns-${cols.length}-cols`);
+  block.parentElement.classList.add('default-content-wrapper');
 
   // setup image columns
   [...block.children].forEach((row) => {