From 986021fb2f753b649d715549623cd96c1cfe4151 Mon Sep 17 00:00:00 2001
From: Ivan Raznatovskyi <iraznatovskyi@thingsboard.io>
Date: Thu, 8 Feb 2024 12:06:33 +0200
Subject: [PATCH] Fixed RPC connectors table collapsing also fixed JSON field
 height when this widget looks as a column

---
 .../widget/lib/gateway/gateway-connectors.component.html   | 2 +-
 .../widget/lib/gateway/gateway-connectors.component.scss   | 7 +++++++
 .../widget/lib/gateway/gateway-connectors.component.ts     | 1 +
 .../app/shared/components/json-object-edit.component.scss  | 1 +
 4 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-connectors.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-connectors.component.html
index 8182920805..2b9329dc21 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-connectors.component.html
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-connectors.component.html
@@ -80,7 +80,7 @@
         </ng-container>
         <ng-container matColumnDef="actions" stickyEnd>
           <mat-header-cell *matHeaderCellDef
-                           [ngStyle.gt-md]="{ minWidth: '144px', maxWidth: '144px', width: '144px'}">
+                           [ngStyle.gt-md]="{ minWidth: '144px', maxWidth: '144px', width: '144px', textAlign: 'center'}">
             {{ 'gateway.connectors-table-actions' | translate }}
           </mat-header-cell>
           <mat-cell *matCellDef="let attribute"
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-connectors.component.scss b/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-connectors.component.scss
index 036523e269..2245de8b12 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-connectors.component.scss
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-connectors.component.scss
@@ -30,6 +30,13 @@
       flex-direction: column;
     }
 
+    & > section:not(.table-section) {
+      max-width: unset;
+      @media #{$mat-gt-md} {
+        max-width: 50%;
+      }
+    }
+
     .table-section {
       min-height: 35vh;
       overflow: hidden;
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-connectors.component.ts b/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-connectors.component.ts
index a9465fc65b..eefd412133 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-connectors.component.ts
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-connectors.component.ts
@@ -381,6 +381,7 @@ export class GatewayConnectorComponent extends PageComponent implements AfterVie
     if ($event) {
       $event.stopPropagation();
     }
+    this.initialConnector = attribute.value;
     const title = `Delete connector ${attribute.key}?`;
     const content = `All connector data will be deleted.`;
     this.dialogService.confirm(title, content, 'Cancel', 'Delete').subscribe(result => {
diff --git a/ui-ngx/src/app/shared/components/json-object-edit.component.scss b/ui-ngx/src/app/shared/components/json-object-edit.component.scss
index eb66f102a3..63884d518f 100644
--- a/ui-ngx/src/app/shared/components/json-object-edit.component.scss
+++ b/ui-ngx/src/app/shared/components/json-object-edit.component.scss
@@ -52,6 +52,7 @@
     width: 100%;
     min-width: 200px;
     height: 100%;
+    min-height: 300px;
 
     &:not(.fill-height) {
       min-height: 200px;