From 6fbf9ef68ba075cd0a05e25f31ee25878e64a069 Mon Sep 17 00:00:00 2001
From: Huang Xin <chrox.huang@gmail.com>
Date: Tue, 28 Apr 2026 21:34:29 +0800
Subject: [PATCH] fix(layout): fixed layout for catalog title (#3982)

---
 .../src/app/opds/components/CatalogManager.tsx            | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/readest-app/src/app/opds/components/CatalogManager.tsx b/apps/readest-app/src/app/opds/components/CatalogManager.tsx
index 059538b3..0d5c450c 100644
--- a/apps/readest-app/src/app/opds/components/CatalogManager.tsx
+++ b/apps/readest-app/src/app/opds/components/CatalogManager.tsx
@@ -314,9 +314,9 @@ export function CatalogManager() {
                   <div className='flex items-center justify-between'>
                     <div className='min-w-0 flex-1'>
                       <div className='mb-1 flex items-center justify-between'>
-                        <h3 className='card-title line-clamp-1 text-sm'>
-                          {catalog.icon && <span className=''>{catalog.icon}</span>}
-                          {catalog.name}
+                        <h3 className='card-title text-sm'>
+                          {catalog.icon && <span>{catalog.icon}</span>}
+                          <span className='line-clamp-1'>{catalog.name}</span>
                         </h3>
                         <div className='flex gap-1'>
                           <button
@@ -434,7 +434,7 @@ export function CatalogManager() {
                 >
                   <div className='card-body p-4'>
                     <h3 className='card-title mb-1 text-sm'>
-                      {catalog.icon && <span className=''>{catalog.icon}</span>}
+                      {catalog.icon && <span>{catalog.icon}</span>}
                       {catalog.name}
                     </h3>
                     {catalog.description && (