From 0e6029b512a43725b5ab7456f43101fd6dea8a13 Mon Sep 17 00:00:00 2001
From: Andrii Shvaika <ashvayka@thingsboard.io>
Date: Fri, 10 Apr 2026 19:30:41 +0300
Subject: [PATCH] fix(iot-hub): add guide button to big card layout (DEVICE
 cards use big layout, not compact)

---
 .../iot-hub/iot-hub-item-card.component.html         | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/ui-ngx/src/app/modules/home/components/iot-hub/iot-hub-item-card.component.html b/ui-ngx/src/app/modules/home/components/iot-hub/iot-hub-item-card.component.html
index ddab1451c8..35c5b3927c 100644
--- a/ui-ngx/src/app/modules/home/components/iot-hub/iot-hub-item-card.component.html
+++ b/ui-ngx/src/app/modules/home/components/iot-hub/iot-hub-item-card.component.html
@@ -107,11 +107,23 @@
           } @else if (isInstalled()) {
             @if (isSameVersion()) {
               <span class="tb-iot-hub-card-installed-chip"><tb-icon>check</tb-icon>{{ 'iot-hub.installed' | translate }}</span>
+              @if (hasInstallGuide()) {
+                <button class="tb-iot-hub-card-guide-btn" (click)="onGuideClick($event)"
+                        [matTooltip]="'iot-hub.view-setup-guide' | translate" matTooltipPosition="above">
+                  <tb-icon>description</tb-icon>
+                </button>
+              }
               <button class="tb-iot-hub-card-remove-btn" (click)="onDeleteClick($event)">
                 <tb-icon>mdi:trash-can-outline</tb-icon>
               </button>
             } @else {
               <button class="tb-iot-hub-card-update-btn" (click)="onUpdateClick($event)">{{ 'iot-hub.update' | translate }}</button>
+              @if (hasInstallGuide()) {
+                <button class="tb-iot-hub-card-guide-btn" (click)="onGuideClick($event)"
+                        [matTooltip]="'iot-hub.view-setup-guide' | translate" matTooltipPosition="above">
+                  <tb-icon>description</tb-icon>
+                </button>
+              }
               <button class="tb-iot-hub-card-remove-btn" (click)="onDeleteClick($event)">
                 <tb-icon>mdi:trash-can-outline</tb-icon>
               </button>