From 7d3c26e2dc1cadbeb0239fd509f0e1f8f2856e23 Mon Sep 17 00:00:00 2001
From: Igor Kulikov <ikulikov@thingsboard.io>
Date: Tue, 9 Jun 2026 16:08:41 +0300
Subject: [PATCH] Improve dashboard page html template formatting

---
 .../dashboard-page.component.html             | 27 +++++++++----------
 1 file changed, 13 insertions(+), 14 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-page.component.html b/ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-page.component.html
index d91a15c3dd..c62c29555e 100644
--- a/ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-page.component.html
+++ b/ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-page.component.html
@@ -114,8 +114,8 @@
                     matTooltip="{{'dashboard.edit-mode' | translate}}"
                     matTooltipPosition="below">
               <mat-icon>edit</mat-icon></button>
-              <button class="lt-lg:!hidden" mat-stroked-button (click)="toggleDashboardEditMode()">
-                <mat-icon>edit</mat-icon>{{'dashboard.edit-mode' | translate}}</button>
+            <button class="lt-lg:!hidden" mat-stroked-button (click)="toggleDashboardEditMode()">
+              <mat-icon>edit</mat-icon>{{'dashboard.edit-mode' | translate}}</button>
           }
           @if (isEdit) {
             <button class="gt-md:!hidden" mat-icon-button (click)="saveDashboard()" [disabled]="isLoading$ | async"
@@ -264,11 +264,10 @@
                                     [aliasController]="dashboardCtx.aliasController">
           </tb-aliases-entity-select>
           @if (!isEdit && !widgetEditMode && !embedded && displayDashboardsSelect()) {
-            <tb-dashboard-select
-              [(ngModel)]="currentDashboardId"
-              (ngModelChange)="currentDashboardIdChanged(currentDashboardId)"
-              [customerId]="currentCustomerId"
-              [dashboardsScope]="currentDashboardScope">
+            <tb-dashboard-select [(ngModel)]="currentDashboardId"
+                                 (ngModelChange)="currentDashboardIdChanged(currentDashboardId)"
+                                 [customerId]="currentCustomerId"
+                                 [dashboardsScope]="currentDashboardScope">
             </tb-dashboard-select>
           }
         </div>
@@ -276,12 +275,12 @@
     </tb-dashboard-toolbar>
   </section>
   <section class="tb-dashboard-container tb-absolute-fill"
-         tb-toast toastTarget="dashboardRoot"
-         #dashboardContainer
-         [class.is-fullscreen]="forceFullscreen"
-         [class.tb-dashboard-toolbar-opened]="toolbarOpened"
-         [class.tb-dashboard-toolbar-animated]="isToolbarOpenedAnimate"
-         [class.tb-dashboard-toolbar-closed]="!toolbarOpened">
+           tb-toast toastTarget="dashboardRoot"
+           #dashboardContainer
+           [class.is-fullscreen]="forceFullscreen"
+           [class.tb-dashboard-toolbar-opened]="toolbarOpened"
+           [class.tb-dashboard-toolbar-animated]="isToolbarOpenedAnimate"
+           [class.tb-dashboard-toolbar-closed]="!toolbarOpened">
     <mat-drawer-container hasBackdrop="false" class="tb-absolute-fill tb-dashboard-drawer-container">
       <mat-drawer-content #dashboardContent class="flex flex-col items-start justify-center">
         @if (!widgetEditMode) {
@@ -297,7 +296,7 @@
           </section>
         }
         <mat-drawer-container class="tb-dashboard-layouts flex-1"
-                                [class.tb-shrinked]="isEditingWidget">
+                              [class.tb-shrinked]="isEditingWidget">
           @if (layouts.right.show) {
             <mat-drawer
               id="tb-right-layout"