updated

frontend/src/components/ui/FinishedDownloads.tsx

@@ -5701,23 +5701,6 @@ export default function FinishedDownloads({
                       Abgeschlossene Downloads
                     </div>
 
-                    <Button
-                      size="sm"
-                      variant={lastAction ? 'soft' : 'secondary'}
-                      color="emerald"
-                      className="h-7 shrink-0 px-2 text-xs"
-                      disabled={!lastAction || undoing}
-                      onClick={undoLastAction}
-                      leadingIcon={<ArrowUturnLeftIcon className="size-3.5 shrink-0" />}
-                      title={
-                        !lastAction
-                          ? 'Keine Aktion fuer Undo'
-                          : `Letzte Aktion rueckgaengig machen (${lastAction.kind})`
-                      }
-                    >
-                      Undo
-                    </Button>
-
                     {bulkBusy ? (
                       <LoadingSpinner
                         size="sm"
@@ -5726,20 +5709,38 @@ export default function FinishedDownloads({
                       />
                     ) : null}
                   </div>
+
+                  <div className="flex h-8 w-8 shrink-0 items-center justify-center">
+                    <LoadingSpinner
+                      size="lg"
+                      className={[
+                        'text-indigo-500 transition-opacity duration-150 pointer-events-none',
+                        allDoneJobsLoading ? 'opacity-100' : 'opacity-0',
+                      ].join(' ')}
+                      srLabel="Lade Downloads…"
+                    />
+                  </div>
+
                   <span className="shrink-0 rounded-full bg-gray-100 px-2 py-0.5 text-xs font-medium text-gray-900 dark:bg-white/10 dark:text-gray-200">
                     {totalItemsForPagination}
                   </span>
-                </div>
 
-                <div className="flex h-8 w-8 shrink-0 items-center justify-center">
+                  <Button
-                  <LoadingSpinner
+                    size="sm"
-                    size="lg"
+                    variant={lastAction ? 'soft' : 'secondary'}
-                    className={[
+                    color="emerald"
-                      'text-indigo-500 transition-opacity duration-150 pointer-events-none',
+                    className="ml-auto h-7 shrink-0 px-2 text-xs"
-                      allDoneJobsLoading ? 'opacity-100' : 'opacity-0',
+                    disabled={!lastAction || undoing}
-                    ].join(' ')}
+                    onClick={undoLastAction}
-                    srLabel="Lade Downloads…"
+                    leadingIcon={<ArrowUturnLeftIcon className="size-3.5 shrink-0" />}
-                  />
+                    title={
+                      !lastAction
+                        ? 'Keine Aktion fuer Undo'
+                        : `Letzte Aktion rueckgaengig machen (${lastAction.kind})`
+                    }
+                  >
+                    Undo
+                  </Button>
                 </div>
               </div>