From 4dac0850c57eaa64a32d88c4a2b7d4bc34cfa808 Mon Sep 17 00:00:00 2001
From: Huang Xin <chrox.huang@gmail.com>
Date: Tue, 24 Feb 2026 12:24:01 +0800
Subject: [PATCH] fix: add classes for progress info labels, closes #3343
 (#3353)

---
 .../src/app/reader/components/ProgressInfo.tsx            | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/apps/readest-app/src/app/reader/components/ProgressInfo.tsx b/apps/readest-app/src/app/reader/components/ProgressInfo.tsx
index 88ae0b1d..ce93b5ee 100644
--- a/apps/readest-app/src/app/reader/components/ProgressInfo.tsx
+++ b/apps/readest-app/src/app/reader/components/ProgressInfo.tsx
@@ -171,9 +171,9 @@ const ProgressInfoView: React.FC<PageInfoProps> = ({
         {(progressInfoMode === 'all' || progressInfoMode === 'remaining') && (
           <>
             {viewSettings.showRemainingTime ? (
-              <span className='text-start'>{timeLeftStr}</span>
+              <span className='time-left-label text-start'>{timeLeftStr}</span>
             ) : viewSettings.showRemainingPages ? (
-              <span className='text-start'>{pagesLeftStr}</span>
+              <span className='pages-left-label text-start'>{pagesLeftStr}</span>
             ) : null}
           </>
         )}
@@ -181,7 +181,9 @@ const ProgressInfoView: React.FC<PageInfoProps> = ({
         {(progressInfoMode === 'all' || progressInfoMode === 'progress') && (
           <>
             {viewSettings.showProgressInfo && (
-              <span className={clsx('text-end', isVertical ? 'mt-auto' : 'ms-auto')}>
+              <span
+                className={clsx('progress-info-label text-end', isVertical ? 'mt-auto' : 'ms-auto')}
+              >
                 {progressInfo}
               </span>
             )}