From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Tue, 31 Oct 2023 02:57:11 +0000 (-0700)
Subject: Fix: visually hidden text breaks delete button wrap (#4462)
X-Git-Tag: v2.0.0-beta.1~30
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=55e799b83333f952894bf2c428d24cddf165f147;p=thirdparty%2Fpaperless-ngx.git

Fix: visually hidden text breaks delete button wrap (#4462)
---

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 290581a477..2b60ff9de2 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}}