fix(layout): responsive layout for OPDS catalogs and download button (#3418)

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}

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',