From f186bcb7bd20aeca8c4495851a2314a4868ddb91 Mon Sep 17 00:00:00 2001
From: "mail.abhijeetmazumdar@gmail.com" <abhimazu@mazumac.local>
Date: Thu, 20 Feb 2025 17:28:34 -0500
Subject: [PATCH] Moved the cancel download button inside the progressbar

---
 src/renderer/components/ModelZoo/ModelStore.tsx | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/renderer/components/ModelZoo/ModelStore.tsx b/src/renderer/components/ModelZoo/ModelStore.tsx
index 7cfdfb67..f66ed7b2 100644
--- a/src/renderer/components/ModelZoo/ModelStore.tsx
+++ b/src/renderer/components/ModelZoo/ModelStore.tsx
@@ -227,15 +227,12 @@ export default function ModelStore() {
       >
       <Box
         sx={{
-          display: 'flex',
-          alignItems: 'center',
+          position: 'relative',
           margin: '0.5rem 0 1rem 0',
           width: '100%',
         }}
       >
-        <Box sx={{ flexGrow: 1, marginRight: '1rem' }}>
-          <DownloadProgressBox jobId={jobId} assetName={currentlyDownloading} />
-        </Box>
+        <DownloadProgressBox jobId={jobId} assetName={currentlyDownloading} />
         {jobId && (
           <Button
             variant="outlined"
@@ -261,7 +258,9 @@ export default function ModelStore() {
               }
             }}
             sx={{
-              marginLeft: '1rem',
+              position: 'absolute',
+              top: '1rem',
+              right: '1rem',
               fontSize: '0.75rem',
               padding: '0.25rem 0.5rem',
             }}
-- 
GitLab