Math node reworks

ui-ngx/src/app/modules/home/components/rule-node/common/arguments-map-config.component.html

@@ -45,8 +45,8 @@
                 <span
                 style="padding: 0 10px; min-width: 20px;">{{argumentControl.get('name').value}}.</span>
               }
-              <div class="flex flex-1 flex-col">
-                <mat-form-field class="mat-block">
+              <div class="flex flex-1 flex-col mt-2">
+                <mat-form-field class="mat-block" appearance="outline">
                   <mat-label translate>rule-node-config.argument-source-field-input</mat-label>
                   <mat-select [formControl]="argumentControl.get('type')" required>
                     <mat-select-trigger>
@@ -70,8 +70,7 @@
                 </mat-form-field>
                 <div class="flex flex-1 flex-row xs:flex-col gt-xs:gap-4">
                   @if (argumentControl.get('type').value && argumentControl.get('type').value !== ArgumentType.CONSTANT) {
-                    <mat-form-field floatLabel="always" class="mat-block gt-xs:max-w-50% gt-xs:flex-full"
-                                    >
+                    <mat-form-field floatLabel="always" class="mat-block gt-xs:max-w-50% gt-xs:flex-full" appearance="outline">
                       <mat-label translate>rule-node-config.argument-key-field-input</mat-label>
                       <input [formControl]="argumentControl.get('key')" matInput required/>
                       <mat-icon class="help-icon m-2 cursor-pointer" aria-hidden="false" aria-label="help-icon" matSuffix
@@ -87,8 +86,7 @@
                     </mat-form-field>
                   }
                   @if (argumentControl.get('type').value === ArgumentType.CONSTANT) {
-                    <mat-form-field floatLabel="always" class="mat-block flex-1"
-                                    >
+                    <mat-form-field floatLabel="always" class="mat-block flex-1" appearance="outline">
                       <mat-label translate>rule-node-config.constant-value-field-input</mat-label>
                       <input [formControl]="argumentControl.get('key')"
                              matInput
@@ -103,15 +101,14 @@
                     </mat-form-field>
                   }
                   @if (argumentControl.get('type').value && argumentControl.get('type').value !== ArgumentType.CONSTANT) {
-                    <mat-form-field
-                      floatLabel="always" class="mat-block gt-xs:max-w-50% gt-xs:flex-full">
+                    <mat-form-field floatLabel="always" class="mat-block gt-xs:max-w-50% gt-xs:flex-full" appearance="outline">
                       <mat-label translate>rule-node-config.default-value-field-input</mat-label>
                       <input [formControl]="argumentControl.get('defaultValue')" matInput step="1" type="number"/>
                     </mat-form-field>
                   }
                 </div>
                 @if (argumentControl.get('type').value === ArgumentType.ATTRIBUTE) {
-                  <mat-form-field class="mat-block">
+                  <mat-form-field class="mat-block" appearance="outline">
                     <mat-label translate>rule-node-config.attribute-scope-field-input</mat-label>
                     <mat-select required [formControl]="argumentControl.get('attributeScope')">
                       @for (scope of attributeScope; track scope) {