From f2067f8aecc1d4b8e9fea6f60ed41e644a163a69 Mon Sep 17 00:00:00 2001
From: deaflynx <artemio.babak@gmail.com>
Date: Fri, 28 Feb 2025 11:18:38 +0200
Subject: [PATCH] UI: Integrations minor style improvements.

---
 .../http-integration-form.component.html      |  6 +++---
 .../http-integration-form.component.scss      | 21 -------------------
 .../kafka-integration-form.component.scss     | 21 -------------------
 3 files changed, 3 insertions(+), 45 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/integration/configuration/http-integration-form/http-integration-form.component.html b/ui-ngx/src/app/modules/home/components/integration/configuration/http-integration-form/http-integration-form.component.html
index f9062207d..0313cdbbf 100644
--- a/ui-ngx/src/app/modules/home/components/integration/configuration/http-integration-form/http-integration-form.component.html
+++ b/ui-ngx/src/app/modules/home/components/integration/configuration/http-integration-form/http-integration-form.component.html
@@ -20,7 +20,7 @@
     @if (!isNew) {
       <ng-container *ngTemplateOutlet="topicFilters"></ng-container>
     }
-    <mat-form-field class="mat-block flex-1" appearance="outline">
+    <mat-form-field class="mat-block" appearance="outline">
       <mat-label translate>integration.endpoint-url</mat-label>
       <input matInput formControlName="restEndpointUrl" required>
       <tb-copy-button matSuffix
@@ -38,7 +38,7 @@
         </mat-error>
       }
     </mat-form-field>
-    <mat-form-field class="mat-block flex-1" appearance="outline">
+    <mat-form-field class="mat-block" appearance="outline">
       <mat-label translate>integration.request-method</mat-label>
       <mat-select formControlName="requestMethod">
         @for (requestType of httpRequestTypes; track requestType) {
@@ -48,7 +48,7 @@
         }
       </mat-select>
     </mat-form-field>
-    <section class="flex flex-col gap-4">
+    <section class="mb-3 flex flex-col gap-3">
       <tb-integration-credentials formControlName="credentials" [passwordOptional]="false"
                                   [allowCredentialTypes]="[IntegrationCredentialType.Anonymous,
                                                            IntegrationCredentialType.Basic,
diff --git a/ui-ngx/src/app/modules/home/components/integration/configuration/http-integration-form/http-integration-form.component.scss b/ui-ngx/src/app/modules/home/components/integration/configuration/http-integration-form/http-integration-form.component.scss
index c6b5f3993..6bbcf40ca 100644
--- a/ui-ngx/src/app/modules/home/components/integration/configuration/http-integration-form/http-integration-form.component.scss
+++ b/ui-ngx/src/app/modules/home/components/integration/configuration/http-integration-form/http-integration-form.component.scss
@@ -14,27 +14,6 @@
  * limitations under the License.
  */
 :host ::ng-deep {
-  .security-setting {
-    .mat-content {
-      overflow: visible;
-    }
-    .mat-expansion-panel-body {
-      padding: 0;
-      .security-setting-content {
-        display: block;
-        margin: 0 16px 12px;
-      }
-    }
-  }
-
-  .toggle {
-    margin: 0 0 16px;
-  }
-
-  .checkbox {
-    padding: 8px 0 8px;
-  }
-
   .mat-expansion-panel-body {
     padding: 0 0 16px;
   }
diff --git a/ui-ngx/src/app/modules/home/components/integration/configuration/kafka-integration-form/kafka-integration-form.component.scss b/ui-ngx/src/app/modules/home/components/integration/configuration/kafka-integration-form/kafka-integration-form.component.scss
index c6b5f3993..6bbcf40ca 100644
--- a/ui-ngx/src/app/modules/home/components/integration/configuration/kafka-integration-form/kafka-integration-form.component.scss
+++ b/ui-ngx/src/app/modules/home/components/integration/configuration/kafka-integration-form/kafka-integration-form.component.scss
@@ -14,27 +14,6 @@
  * limitations under the License.
  */
 :host ::ng-deep {
-  .security-setting {
-    .mat-content {
-      overflow: visible;
-    }
-    .mat-expansion-panel-body {
-      padding: 0;
-      .security-setting-content {
-        display: block;
-        margin: 0 16px 12px;
-      }
-    }
-  }
-
-  .toggle {
-    margin: 0 0 16px;
-  }
-
-  .checkbox {
-    padding: 8px 0 8px;
-  }
-
   .mat-expansion-panel-body {
     padding: 0 0 16px;
   }