From 93a4b1a4480e1db94a029bbc1b8096e8531fef2b Mon Sep 17 00:00:00 2001
From: Huang Xin <chrox.huang@gmail.com>
Date: Tue, 19 Aug 2025 21:05:26 +0800
Subject: [PATCH] css: fix unexpected align center for some EPUBs (#1842)

---
 .../app/library/components/KOSyncSettings.tsx | 54 ++++++++++---------
 apps/readest-app/src/utils/style.ts           | 12 ++---
 2 files changed, 34 insertions(+), 32 deletions(-)

diff --git a/apps/readest-app/src/app/library/components/KOSyncSettings.tsx b/apps/readest-app/src/app/library/components/KOSyncSettings.tsx
index 1fd5c55c..1df39cfe 100644
--- a/apps/readest-app/src/app/library/components/KOSyncSettings.tsx
+++ b/apps/readest-app/src/app/library/components/KOSyncSettings.tsx
@@ -346,31 +346,35 @@ export const KOSyncSettingsWindow: React.FC = () => {
                 onChange={(e) => setUrl(e.target.value)}
               />
             </div>
-            <div className='form-control w-full'>
-              <label className='label py-1'>
-                <span className='label-text font-medium'>{_('Username')}</span>
-              </label>
-              <input
-                type='text'
-                placeholder={_('Your Username')}
-                className='input input-bordered h-12 w-full focus:outline-none focus:ring-0'
-                spellCheck='false'
-                value={username}
-                onChange={(e) => setUsername(e.target.value)}
-              />
-            </div>
-            <div className='form-control w-full'>
-              <label className='label py-1'>
-                <span className='label-text font-medium'>{_('Password')}</span>
-              </label>
-              <input
-                type='password'
-                placeholder={_('Your Password')}
-                className='input input-bordered h-12 w-full focus:outline-none focus:ring-0'
-                value={password}
-                onChange={(e) => setPassword(e.target.value)}
-              />
-            </div>
+            <form className='flex flex-col gap-4'>
+              <div className='form-control w-full'>
+                <label className='label py-1'>
+                  <span className='label-text font-medium'>{_('Username')}</span>
+                </label>
+                <input
+                  type='text'
+                  placeholder={_('Your Username')}
+                  className='input input-bordered h-12 w-full focus:outline-none focus:ring-0'
+                  spellCheck='false'
+                  value={username}
+                  onChange={(e) => setUsername(e.target.value)}
+                  autoComplete='username'
+                />
+              </div>
+              <div className='form-control w-full'>
+                <label className='label py-1'>
+                  <span className='label-text font-medium'>{_('Password')}</span>
+                </label>
+                <input
+                  type='password'
+                  placeholder={_('Your Password')}
+                  className='input input-bordered h-12 w-full focus:outline-none focus:ring-0'
+                  value={password}
+                  onChange={(e) => setPassword(e.target.value)}
+                  autoComplete='current-password'
+                />
+              </div>
+            </form>
             <button
               className='btn btn-primary mt-2 h-12 min-h-12 w-full'
               onClick={handleConnect}
diff --git a/apps/readest-app/src/utils/style.ts b/apps/readest-app/src/utils/style.ts
index c03e4c85..3b42785f 100644
--- a/apps/readest-app/src/utils/style.ts
+++ b/apps/readest-app/src/utils/style.ts
@@ -493,14 +493,12 @@ export const transformStylesheet = (vw: number, vh: number, css: string) => {
     const hasTextAlignCenter = /text-align\s*:\s*center\s*[;$]/.test(block);
     const hasTextIndentZero = /text-indent\s*:\s*0(?:\.0+)?(?:px|em|rem|%)?\s*[;$]/.test(block);
 
-    if (hasTextAlignCenter) {
+    if (hasTextAlignCenter && hasTextIndentZero) {
       block = block.replace(/(text-align\s*:\s*center)(\s*;|\s*$)/g, '$1 !important$2');
-      if (hasTextIndentZero) {
-        block = block.replace(
-          /(text-indent\s*:\s*0(?:\.0+)?(?:px|em|rem|%)?)(\s*;|\s*$)/g,
-          '$1 !important$2',
-        );
-      }
+      block = block.replace(
+        /(text-indent\s*:\s*0(?:\.0+)?(?:px|em|rem|%)?)(\s*;|\s*$)/g,
+        '$1 !important$2',
+      );
       return selector + block;
     }
     return match;