UI: Integrations minor style improvements.

thingsboard · Feb 28, 2025 · f2067f8 · f2067f8
1 parent 5cb2c0f
commit f2067f8
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 45 deletions.
diff --git a/...ents/integration/configuration/http-integration-form/http-integration-form.component.html b/...ents/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/...ents/integration/configuration/http-integration-form/http-integration-form.component.scss b/...ents/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/...ts/integration/configuration/kafka-integration-form/kafka-integration-form.component.scss b/...ts/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;
   }