Improved request body template UI to match headers panel style

ui-ngx/src/app/modules/home/components/rule-node/external/rest-api-call-config.component.html

@@ -129,6 +129,7 @@
             {{ 'rule-node-config.ignore-request-body' | translate }}
           </mat-slide-toggle>
           @if(!restApiCallConfigForm.get('ignoreRequestBody').value) {
+            <div class="tb-form-hint tb-primary-fill mb-4" [innerHTML]="'rule-node-config.request-body-template-hint' | translate | safe: 'html'"></div>
             <mat-form-field class="mat-block" subscriptSizing="dynamic" appearance="outline" floatLabel="always">
               <mat-label translate>rule-node-config.request-body-template</mat-label>
               <textarea matInput
@@ -136,7 +137,6 @@
                         class="tb-enable-vertical-resize"
                         cdkTextareaAutosize
                         cdkAutosizeMinRows="3"></textarea>
-              <mat-hint [innerHTML]="'rule-node-config.request-body-template-hint' | translate | safe: 'html'"></mat-hint>
             </mat-form-field>
           }
         </div>