trying a fix

src/app/interface/bottom-bar/index.tsx

@@ -53,30 +53,27 @@ export function BottomBar() {
   return (
     <div className={cn(
       `print:hidden`,
-      `fixed bottom-6 right-6`,
+      `fixed bottom-6 right-3`,
       `flex flex-row`,
       `animation-all duration-300 ease-in-out`,
       isGeneratingStory ? `scale-0 opacity-0` : ``,
       `space-x-3`,
+      `scale-[0.9]`
     )}>
-      {/*
       <div>
         <Button
           onClick={handlePrint}
           disabled={!prompt?.length}
-        >{
-          remainingImages ? `${allStatus.length - remainingImages}/4 panels ⌛` : `Print as PDF`
-          // remainingImages ? `Print (${allStatus.length - remainingImages}/4 in HD ⌛)` : `Print (in HD)`
-        
-        }</Button>
+        >
+          Print
+        </Button>
       </div>
-      */}
       <div>
         <Button
           onClick={download}
           disabled={!prompt?.length}
         >{
-          remainingImages ? `${allStatus.length - remainingImages}/4 panels ⌛` : `Download`
+          remainingImages ? `${allStatus.length - remainingImages}/4 panels ⌛` : `Save`
         }</Button>
       </div>
       <div>

src/app/interface/panel/index.tsx

@@ -98,7 +98,7 @@ export function Panel({
       clearTimeout(timeoutRef.current)
 
       if (!renderedRef.current?.renderId || renderedRef.current?.status !== "pending") {
-        timeoutRef.current = setTimeout(checkStatus, 1500)
+        timeoutRef.current = setTimeout(checkStatus, 2500)
         return
       }
       try {
@@ -116,14 +116,14 @@ export function Panel({
 
         if (newRendered.status === "pending") {
           // console.log("job not finished")
-          timeoutRef.current = setTimeout(checkStatus, 1500)
+          timeoutRef.current = setTimeout(checkStatus, 2500)
         } else {
           console.log("panel finished!")
           setGeneratingImages(panel, false)
         }
       } catch (err) {
         console.error(err)
-        timeoutRef.current = setTimeout(checkStatus, 1500)
+        timeoutRef.current = setTimeout(checkStatus, 2500)
       }
     })
   }

src/app/main.tsx

@@ -105,7 +105,7 @@ export default function Main() {
         setTimeout(() => {
           setGeneratingStory(false)
           setWaitABitMore(false)
-        }, 10000)
+        }, 12000)
       }
     })
   }, [prompt, preset?.label]) // important: we need to react to preset changes too

src/app/store/index.ts

@@ -126,7 +126,7 @@ export const useStore = create<{
     const canvas = await html2canvas(page)
     console.log("canvas:", canvas)
 
-    const data = canvas.toDataURL('image/jpg')
+    const data = canvas.toDataURL('image/jpeg', 0.5)
     return data
   },
   download: async () => {