From 55e799b83333f952894bf2c428d24cddf165f147 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Mon, 30 Oct 2023 19:57:11 -0700
Subject: [PATCH] Fix: visually hidden text breaks delete button wrap (#4462)

---
 .../common/confirm-dialog/confirm-dialog.component.html     | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src-ui/src/app/components/common/confirm-dialog/confirm-dialog.component.html b/src-ui/src/app/components/common/confirm-dialog/confirm-dialog.component.html
index 290581a47..2b60ff9de 100644
--- a/src-ui/src/app/components/common/confirm-dialog/confirm-dialog.component.html
+++ b/src-ui/src/app/components/common/confirm-dialog/confirm-dialog.component.html
@@ -12,9 +12,11 @@
         <span class="d-inline-block" style="padding-bottom: 1px;" >Cancel</span>
       </button>
       <button type="button" class="btn" [class]="btnClass" (click)="confirm()" [disabled]="!confirmButtonEnabled || !buttonsEnabled">
-        {{btnCaption}}
+        <span>
+          {{btnCaption}}
+          <span class="visually-hidden">{{ seconds | number: '1.0-0' }} seconds</span>
+        </span>
         <ngb-progressbar *ngIf="!confirmButtonEnabled" style="height: 1px;" type="dark" [max]="secondsTotal" [value]="seconds"></ngb-progressbar>
-        <span class="visually-hidden">{{ seconds | number: '1.0-0' }} seconds</span>
       </button>
       <button *ngIf="alternativeBtnCaption" type="button" class="btn" [class]="alternativeBtnClass" (click)="alternative()" [disabled]="!alternativeButtonEnabled || !buttonsEnabled">
         {{alternativeBtnCaption}}