From d4bb61f12b678afccf963f8ceaef23ee076af774 Mon Sep 17 00:00:00 2001
From: Huang Xin <chrox.huang@gmail.com>
Date: Sun, 1 Mar 2026 00:07:20 +0800
Subject: [PATCH] fix(layout): responsive layout for OPDS catalogs and download
 button (#3418)

---
 apps/readest-app/src/app/opds/components/CatelogManager.tsx | 2 +-
 apps/readest-app/src/components/UpdaterWindow.tsx           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/readest-app/src/app/opds/components/CatelogManager.tsx b/apps/readest-app/src/app/opds/components/CatelogManager.tsx
index f12ffd0c..3279bd0a 100644
--- a/apps/readest-app/src/app/opds/components/CatelogManager.tsx
+++ b/apps/readest-app/src/app/opds/components/CatelogManager.tsx
@@ -183,7 +183,7 @@ export function CatalogManager() {
             </button>
           </div>
         ) : (
-          <div className='grid gap-4 sm:grid-cols-2'>
+          <div className='grid grid-cols-1 gap-4 sm:grid-cols-2'>
             {catalogs.map((catalog) => (
               <div
                 key={catalog.id}
diff --git a/apps/readest-app/src/components/UpdaterWindow.tsx b/apps/readest-app/src/components/UpdaterWindow.tsx
index d08439b5..f0683cfd 100644
--- a/apps/readest-app/src/components/UpdaterWindow.tsx
+++ b/apps/readest-app/src/components/UpdaterWindow.tsx
@@ -467,7 +467,7 @@ export const UpdaterContent = ({
                   </div>
                 )}
 
-                <div className='card-actions'>
+                <div className={clsx('card-actions', isDownloading && 'hidden sm:flex')}>
                   <button
                     className={clsx(
                       'btn btn-warning text-base-100 px-6 font-bold',