TF-2973 Adjust remove button in email rule for each action or condition

assets/images/ic_remove_rule.svg

@@ -0,0 +1,4 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="44" height="44" rx="22" fill="#001C3D" fill-opacity="0.05"/>
+<path d="M31 21H23H13C12.4477 21 12 21.4477 12 22C12 22.5523 12.4477 23 13 23H23H31C31.5523 23 32 22.5523 32 22C32 21.4477 31.5523 21 31 21Z" fill="#E64646"/>
+</svg>

core/lib/presentation/resources/image_paths.dart

@@ -212,6 +212,7 @@ class ImagePaths {
   String get icPrinter => _getImagePath('ic_printer.svg');
   String get icAlwaysReadReceipt => _getImagePath('ic_always_read_receipt.svg');
   String get icNotification => _getImagePath('ic_notification.svg');
+  String get icRemoveRule => _getImagePath('ic_remove_rule.svg');
 
   String _getImagePath(String imageName) {
     return AssetsPaths.images + imageName;

lib/features/rules_filter_creator/presentation/widgets/rule_filter_condition_remove_button_builder.dart

@@ -1,7 +1,6 @@
-import 'package:core/presentation/extensions/color_extension.dart';
 import 'package:core/presentation/resources/image_paths.dart';
+import 'package:core/presentation/views/button/tmail_button_widget.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter_svg/flutter_svg.dart';
 
 class RuleFilterConditionRemoveButton extends StatelessWidget {
   final Function()? tapRemoveRuleFilterConditionCallback;
@@ -15,17 +14,11 @@ class RuleFilterConditionRemoveButton extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return InkWell(
+    return TMailButtonWidget.fromIcon(
-    onTap: tapRemoveRuleFilterConditionCallback,
+      icon: imagePath!.icRemoveRule,
-    child: CircleAvatar(
+      backgroundColor: Colors.transparent,
-      backgroundColor: AppColor.colorRemoveRuleFilterConditionButton,
+      padding: EdgeInsets.zero,
-      radius: 22,
+      onTapActionCallback: tapRemoveRuleFilterConditionCallback,
-      child: SvgPicture.asset(
+    );
-        imagePath!.icMinimize,
-        fit: BoxFit.fill,
-        colorFilter: AppColor.colorDeletePermanentlyButton.asFilter(),
-      ),
-    )
-  );
   }
 }

lib/features/rules_filter_creator/presentation/widgets/rule_filter_condition_row_builder.dart

@@ -107,7 +107,7 @@ class RuleFilterConditionRow extends StatelessWidget {
                 )
             ),
             Container(
-              padding: const EdgeInsets.only(left: 12),
+              padding: const EdgeInsetsDirectional.only(start: 12),
               alignment: Alignment.center,
               child: RuleFilterConditionRemoveButton(
                 tapRemoveRuleFilterConditionCallback: tapRemoveRuleFilterConditionCallback,

lib/features/rules_filter_creator/presentation/widgets/rules_filter_input_field_builder.dart

@@ -36,7 +36,7 @@ class RulesFilterInputField extends StatelessWidget {
       focusNode: focusNode,
       maxLines: 1,
       decoration: (RulesFilterInputDecorationBuilder()
-        ..setContentPadding(const EdgeInsets.symmetric(vertical: PlatformInfo.isWeb ? 16 : 12, horizontal: 12))
+        ..setContentPadding(const EdgeInsets.symmetric(vertical: PlatformInfo.isWeb ? 14 : 12, horizontal: 12))
         ..setHintText(hintText)
         ..setErrorText(errorText))
       .build(),