From 1bee9078e6fb0f9a171eeba31da4c9dd761c6bc2 Mon Sep 17 00:00:00 2001
From: rusikv <rvasylkiv@thingsboard.io>
Date: Tue, 22 Aug 2023 13:03:54 +0300
Subject: [PATCH] Increased reserved space for hidden action cell buttons in
 alarms, entities, timeseries table widgets

---
 .../components/widget/lib/alarms-table-widget.component.html    | 2 +-
 .../components/widget/lib/entities-table-widget.component.html  | 2 +-
 .../widget/lib/timeseries-table-widget.component.html           | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/alarms-table-widget.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/alarms-table-widget.component.html
index 1cf44582f9..d99ae2216e 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/alarms-table-widget.component.html
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/alarms-table-widget.component.html
@@ -127,7 +127,7 @@
                                                                width: (alarmsDatasource.countCellButtonAction * 48) + 'px' }">
             <div [fxHide]="showCellActionsMenu" fxShow.gt-md fxFlex fxLayout="row" fxLayoutAlign="end">
               <ng-container *ngFor="let actionDescriptor of alarm.actionCellButtons; trackBy: trackByActionCellDescriptionId">
-                <span *ngIf="!actionDescriptor.icon" style="width: 40px;"></span>
+                <span *ngIf="!actionDescriptor.icon" style="width: 48px;"></span>
                 <button mat-icon-button [disabled]="(isLoading$ | async) || !actionEnabled(alarm, actionDescriptor)"
                         *ngIf="actionDescriptor.icon"
                         matTooltip="{{ actionDescriptor.displayName }}"
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/entities-table-widget.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/entities-table-widget.component.html
index 84f7be8aae..d8039efe17 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/entities-table-widget.component.html
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/entities-table-widget.component.html
@@ -57,7 +57,7 @@
                                                                 width: (entityDatasource.countCellButtonAction * 48) + 'px' }">
             <div [fxHide]="showCellActionsMenu && entityDatasource.countCellButtonAction !== 1" fxShow.gt-md fxFlex fxLayout="row" fxLayoutAlign="end">
               <ng-container *ngFor="let actionDescriptor of entity.actionCellButtons; trackBy: trackByActionCellDescriptionId">
-                <span *ngIf="!actionDescriptor.icon" style="width: 40px;"></span>
+                <span *ngIf="!actionDescriptor.icon" style="width: 48px;"></span>
                 <button mat-icon-button [disabled]="isLoading$ | async"
                         *ngIf="actionDescriptor.icon"
                         matTooltip="{{ actionDescriptor.displayName }}"
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/timeseries-table-widget.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/timeseries-table-widget.component.html
index 6b8eee710d..87283ec8ca 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/timeseries-table-widget.component.html
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/timeseries-table-widget.component.html
@@ -69,7 +69,7 @@
                                                                    width: (source.timeseriesDatasource.countCellButtonAction * 48) + 'px' }">
                   <div [fxHide]="showCellActionsMenu && source.timeseriesDatasource.countCellButtonAction !== 1" fxShow.gt-md fxFlex fxLayout="row" fxLayoutAlign="end">
                     <ng-container *ngFor="let actionDescriptor of row.actionCellButtons; trackBy: trackByActionCellDescriptionId">
-                      <span *ngIf="!actionDescriptor.icon" style="width: 40px;"></span>
+                      <span *ngIf="!actionDescriptor.icon" style="width: 48px;"></span>
                       <button *ngIf="actionDescriptor.icon"
                               mat-icon-button [disabled]="isLoading$ | async"
                               matTooltip="{{ actionDescriptor.displayName }}"