From d5c5a8488ce698eadebde2e9842fb183eb14d9a9 Mon Sep 17 00:00:00 2001
From: Linrador <68631622+Linrador@users.noreply.github.com>
Date: Mon, 9 Mar 2026 15:17:30 +0100
Subject: [PATCH] changed finished card view

---
 .../components/ui/FinishedDownloadsCardsView.tsx    | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/ui/FinishedDownloadsCardsView.tsx b/frontend/src/components/ui/FinishedDownloadsCardsView.tsx
index 74d68f5..42ce69e 100644
--- a/frontend/src/components/ui/FinishedDownloadsCardsView.tsx
+++ b/frontend/src/components/ui/FinishedDownloadsCardsView.tsx
@@ -879,7 +879,12 @@ export default function FinishedDownloadsCardsView({
   const stackExtraTopPx = (Math.min(mobileVisibleStackRows.length, mobileStackDepth) - 1)
 
   return (
-    <div className="relative">
+    <div
+      className={[
+        'relative',
+        isLoading && rows.length === 0 ? 'min-h-[320px]' : '',
+      ].filter(Boolean).join(' ')}
+    >
       {!isSmall ? (
         <div className="grid gap-3 sm:grid-cols-2 lg:grid-cols-3">
           {rows.map((j) => {
@@ -913,10 +918,9 @@ export default function FinishedDownloadsCardsView({
 
                   return (
                     <>
-                      {/* Hintere Karten zuerst (absolut, dekorativ) */}
                       {backRows
                         .map((j, backIdx) => {
-                          const idx = backIdx + 1 // 1,2...
+                          const idx = backIdx + 1
                           const { k, cardInner } = renderCardItem(j, {
                             forceStill: true,
                             disableInline: true,
@@ -953,7 +957,6 @@ export default function FinishedDownloadsCardsView({
                         })
                         .reverse()}
 
-                      {/* Oberste Karte im Flow -> bestimmt die echte Höhe */}
                       {topRow ? (() => {
                         const j = topRow
                         const { k, busy, isHot, cardInner, inlineDomId } = renderCardItem(j, {
@@ -1018,7 +1021,6 @@ export default function FinishedDownloadsCardsView({
                 })()}
               </div>
 
-              {/* ✅ Hidden preloader (mobile): nur wenige nächste Cards, sonst UI träge */}
               {mobileStillPreloadRows.length > 0 ? (
                 <div className="sr-only" aria-hidden="true">
                   {mobileStillPreloadRows.map((j) => {
@@ -1057,7 +1059,6 @@ export default function FinishedDownloadsCardsView({
 
       {isLoading && rows.length === 0 ? (
         <div className="absolute inset-0 z-20 grid place-items-center rounded-lg bg-white/50 backdrop-blur-[2px] dark:bg-gray-950/40">
-          {/* Spinner (zentriert) */}
           <div className="flex items-center gap-3 rounded-lg border border-gray-200 bg-white/80 px-3 py-2 shadow-sm dark:border-white/10 dark:bg-gray-900/70">
             <div className="h-5 w-5 animate-spin rounded-full border-2 border-gray-300 border-t-transparent dark:border-white/20 dark:border-t-transparent" />
             <div className="text-sm font-medium text-gray-800 dark:text-gray-100">Lade…</div>