From ad9e98d62d6f9f6a92b96873cba3c476b03d79ea Mon Sep 17 00:00:00 2001
From: Rodrigo Primo <rodrigosprimo@gmail.com>
Date: Thu, 9 Nov 2023 11:39:54 -0300
Subject: [PATCH] Update the design of the section that shows the segment
 conditions

This commit contains only part of the changes. The rest of the changes
will be commited to the premium plugin repository.

[MAILPOET-5609]
---
 .../css/src/components-plugin/_segments.scss  | 33 +++++++++----------
 1 file changed, 15 insertions(+), 18 deletions(-)

diff --git a/mailpoet/assets/css/src/components-plugin/_segments.scss b/mailpoet/assets/css/src/components-plugin/_segments.scss
index 008322a509..eef5dfd741 100644
--- a/mailpoet/assets/css/src/components-plugin/_segments.scss
+++ b/mailpoet/assets/css/src/components-plugin/_segments.scss
@@ -43,28 +43,13 @@
 
 .mailpoet-segments-segments-section .mailpoet-form-segment-delete {
   align-items: center;
-  border: 1px solid $color-input-error;
-  border-radius: 12px;
-  color: $color-input-error;
   cursor: pointer;
   display: flex;
-  height: 20px;
+  height: 24px;
   justify-content: center;
   position: absolute;
   right: 40px;
-  width: 20px;
-}
-
-.mailpoet-segments-segments-section .mailpoet-form-segment-delete svg {
-  fill: currentColor;
-  height: 12px;
-  width: 12px;
-}
-
-.mailpoet-segments-segments-section .mailpoet-form-segment-delete:hover,
-.mailpoet-segments-segments-section .mailpoet-form-segment-delete:focus {
-  background: $color-input-error;
-  color: $color-white;
+  width: 24px;
 }
 
 .mailpoet-segments-conditions-bottom {
@@ -75,9 +60,21 @@
 }
 
 .mailpoet-segments-segments-section p {
-  padding: 11px 0;
+  padding: 24px 0;
 }
 
 .mailpoet-segments-filter-selector {
   width: 210px;
 }
+
+.mailpoet-segments-segments-section .mailpoet-form-radio-control:before {
+  background: $color-primary;
+}
+
+.mailpoet-segments-condition-type-selector {
+  padding-bottom: 40px;
+}
+
+.mailpoet-segments-condition-type {
+  color: $color-text-light;
+}