fixed styling issues

bitdefender · Jan 22, 2025 · f1a2e27 · f1a2e27
1 parent 7b61d59
commit f1a2e27
Show file tree

Hide file tree

Showing 3 changed files with 206 additions and 169 deletions.
diff --git a/_src-lp/blocks/products-sideview/products-sideview.css b/_src-lp/blocks/products-sideview/products-sideview.css
@@ -24,8 +24,28 @@
   padding: 30px;
 }
 
+.products-sideview .pricing-wrapper > p a {
+  color: #006EFF;
+}
+
+.products-sideview .display-flex {
+  display: flex;
+  align-items: baseline;
+  gap: 5px;
+}
+
 .products-sideview .prod-oldprice {
   text-decoration: line-through;
+  text-align: left;
+  margin-bottom: 10px;
+  margin-right: 8px;
+}
+
+.products-sideview .prod-save, .products-sideview .percent {
+  margin-bottom: 10px;
+  color: #1C7928;
+  font-size: 16px;
+  font-weight: bold;
 }
 
 .products-sideview .price-element-wrapper {
@@ -169,7 +189,7 @@
 .products-sideview .features-tabs li > a {
   color: var(--tab-header-color-blue);
   font-size: var(--body-font-size-xs);
-  font-weight: var(--font-weight-bold);
+  font-weight: 600;
   position: relative;
   display: inline-block;
   letter-spacing: 0.004em;
@@ -213,8 +233,7 @@
 }
 
 .products-sideview .features-tabs .features-tabs-content > p {
-  font-size: var(--body-font-size-xxs);
-  font-weight: var(--font-weight-regular);
+  font-size: 14px;
   line-height: 1.6;
 }
 
@@ -224,7 +243,7 @@
 
 @media (min-width: 480px) {
   .products-sideview .features-tabs li > a {
-    font-size: 15px;
+    font-size: 16px;
   }
 }
 @media (min-width: 768px) {

diff --git a/_src-lp/blocks/products-sideview/products-sideview.js b/_src-lp/blocks/products-sideview/products-sideview.js
@@ -259,8 +259,7 @@ function renderPrice(block, ...price) {
     pricesBox.innerHTML = `<div>
         <div class="display-flex">
           <span class="prod-oldprice oldprice-${productCode}-${prodUsers}${prodYears}"></span>
-          <span class="d-none prod-save"> ${saveText}<span class="save-${productCode}-${prodUsers}${prodYears}"></span></span>
-          <span class="d-none percent percent-${productCode}-${prodUsers}${prodYears}">0%</span>
+          <span class="percent percent-${productCode}-${prodUsers}${prodYears}">${saveText ?? ''} 0%</span>
         </div>
         <div class="display-flex">
           <span class="prod-newprice newprice-${productCode}-${prodUsers}${prodYears}"></span>