From 4b8dfd5b200a5da98795bd2a9b51b636617ca097 Mon Sep 17 00:00:00 2001
From: DanielS <daniel.schumacher@caspos.de>
Date: Tue, 11 Aug 2026 00:41:18 +0200
Subject: [PATCH] style: align heights of step 1 selection boxes in wizard

---
 shop/components/wizard/step-customer.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/shop/components/wizard/step-customer.tsx b/shop/components/wizard/step-customer.tsx
index f8cf0d4..9380438 100644
--- a/shop/components/wizard/step-customer.tsx
+++ b/shop/components/wizard/step-customer.tsx
@@ -175,10 +175,10 @@ export function StepCustomer({
           </Button>
         </div>
 
-        <div className={isAdmin ? 'grid grid-cols-1 lg:grid-cols-2 gap-8 items-start' : 'space-y-6'}>
+        <div className={isAdmin ? 'grid grid-cols-1 lg:grid-cols-2 gap-8 items-stretch' : 'space-y-6'}>
           {/* ─── 1. ADMIN PARTNER SELECTION ─── */}
           {isAdmin && (
-            <div className="p-5 rounded-2xl bg-white/5 border border-white/10 space-y-4">
+            <div className="p-5 rounded-2xl bg-white/5 border border-white/10 flex flex-col h-[34rem] overflow-hidden justify-between space-y-4">
               <div className="flex items-center justify-between gap-4 flex-wrap">
                 <div>
                   <Label className="text-white font-bold text-base flex items-center gap-2">
@@ -221,7 +221,7 @@ export function StepCustomer({
               </div>
 
               {/* Partner Card List */}
-              <div className="space-y-2 max-h-[30rem] overflow-y-auto pr-1">
+              <div className="space-y-2 flex-1 overflow-y-auto pr-1 min-h-0 py-1">
                 {/* Reserved Fixed Card: Alle Partner */}
                 <div
                   onClick={() => {
@@ -378,7 +378,7 @@ export function StepCustomer({
                 animate={{ opacity: 1, y: 0 }}
                 exit={{ opacity: 0, y: -10 }}
                 transition={{ duration: 0.2 }}
-                className="p-5 rounded-2xl bg-white/5 border border-white/10 space-y-4"
+                className="p-5 rounded-2xl bg-white/5 border border-white/10 flex flex-col h-[34rem] overflow-hidden justify-between space-y-4"
               >
                 <div className="flex items-center justify-between gap-4 flex-wrap">
                   <div>
@@ -412,7 +412,7 @@ export function StepCustomer({
                     </Button>
                   </div>
                 ) : (
-                  <div className="space-y-4">
+                  <div className="space-y-4 flex-1 flex flex-col min-h-0 overflow-hidden justify-between">
                     {/* Customer Header Controls: Search & Page Size */}
                     <div className="flex flex-col sm:flex-row gap-3 items-stretch sm:items-center justify-between">
                       <div className="relative flex-1">
@@ -445,9 +445,9 @@ export function StepCustomer({
                         Keine passenden Kunden gefunden.
                       </div>
                     ) : (
-                      <>
+                      <div className="flex-1 flex flex-col min-h-0 justify-between">
                         {/* Customer Card List */}
-                        <div className="space-y-2 max-h-[30rem] overflow-y-auto pr-1">
+                        <div className="space-y-2 flex-1 overflow-y-auto pr-1 min-h-0 py-1">
                           {paginatedCustomers.map((customer) => {
                             const isSelected = selectedEndCustomerId === customer.id
 
@@ -546,7 +546,7 @@ export function StepCustomer({
                             </Button>
                           </div>
                         </div>
-                      </>
+                      </div>
                     )}
                   </div>
                 )}
@@ -561,7 +561,7 @@ export function StepCustomer({
                 animate={{ opacity: 1, y: 0 }}
                 exit={{ opacity: 0, y: -10 }}
                 transition={{ duration: 0.2 }}
-                className="grid grid-cols-1 md:grid-cols-2 gap-4 p-4 rounded-xl bg-white/5 border border-white/10"
+                className="grid grid-cols-1 md:grid-cols-2 gap-4 p-5 rounded-2xl bg-white/5 border border-white/10 h-[34rem] overflow-y-auto content-start"
               >
                 {(
                   [