From 6ba7d45db172dc91e7b183b5aa8564d9ed85f035 Mon Sep 17 00:00:00 2001
From: Gree44 <jaja777111@gmail.com>
Date: Sat, 25 Jul 2026 15:33:01 +0200
Subject: [PATCH 1/2] fix: bottom padding on header-only cards & wizard card
 mismatch
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Cards use a flex-col gap-6 layout where top padding comes from CardHeader
(pt-6) and bottom padding only from CardContent ([&:last-child]:pb-6).
Cards that render header-only — collapsed Credentials / Gruppen &
Mitglieder on the deployment page, loading/error/empty states in Courses,
collapsed Stack/Group managers — thus had top padding but no bottom
padding.

Mirror the last-child bottom-padding rule onto CardHeader so any card
whose header is the last DOM child self-pads. This fixes every collapsed-
card and header-only-card case across the frontend in one place.

Also align DeploymentWizard's two parallel mode-info cards: the per_student
(teal) card used pt-2 while the identical per_course (blue) card used pt-6,
producing an asymmetric box. Both now use pt-6.
---
 src/components/ui/card.tsx     | 2 +-
 src/pages/DeploymentWizard.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ui/card.tsx b/src/components/ui/card.tsx
index 5f9d58a..b4b66a3 100644
--- a/src/components/ui/card.tsx
+++ b/src/components/ui/card.tsx
@@ -20,7 +20,7 @@ function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
     <div
       data-slot="card-header"
       className={cn(
-        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 pt-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 pt-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 [&:last-child]:pb-6",
         className,
       )}
       {...props}
diff --git a/src/pages/DeploymentWizard.tsx b/src/pages/DeploymentWizard.tsx
index 5b2b6ee..338a40d 100644
--- a/src/pages/DeploymentWizard.tsx
+++ b/src/pages/DeploymentWizard.tsx
@@ -1328,7 +1328,7 @@ export function DeploymentWizard({
                 <div>
                   {deploymentMode === "per_student" ? (
                     <Card className="border-teal-200 bg-teal-50">
-                      <CardContent className="pt-2">
+                      <CardContent className="pt-6">
                         <div className="flex items-center gap-3 text-teal-900">
                           <CheckCircle2 className="w-5 h-5" />
                           <div>

From 59cc7968ab36261890ab642d748c626f2b0ce409 Mon Sep 17 00:00:00 2001
From: Gree44 <jaja777111@gmail.com>
Date: Sat, 25 Jul 2026 15:39:32 +0200
Subject: [PATCH 2/2] fix: widen Aktionen card button spacing to space-y-3
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The Aktionen card on the deployment page used space-y-2 (8px) between its
stacked full-width buttons (Neu deployen / Löschen etc.), which read as
nearly flush. Bump to space-y-3 to match the sibling Ressourcenzuteilung
card and give the buttons consistent vertical breathing room.
---
 src/pages/DeploymentDetails.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/DeploymentDetails.tsx b/src/pages/DeploymentDetails.tsx
index 3b72f98..d6b66e1 100644
--- a/src/pages/DeploymentDetails.tsx
+++ b/src/pages/DeploymentDetails.tsx
@@ -1038,7 +1038,7 @@ export function DeploymentDetails({ deployment, onBack, onDelete, onRetry, onRef
             <CardHeader>
               <CardTitle>Aktionen</CardTitle>
             </CardHeader>
-            <CardContent className="space-y-2">
+            <CardContent className="space-y-3">
               {/* Redeploy des gesamten Deployments (Issue #192) — nur für
                   laufende Deployments. Öffnet den RedeployDialog im
                   Deployment-Modus (Config-Override + preserve_credentials). */}