From fb9b522e74a1ba8cd0c1db063d033a460343e2dc Mon Sep 17 00:00:00 2001
From: DanielS <daniel.schumacher@caspos.de>
Date: Thu, 9 Jul 2026 23:08:10 +0200
Subject: [PATCH] chore: clean up order-wizard layout text and spacing

---
 shop/components/order-wizard.tsx | 62 ++++++++++++++++----------------
 1 file changed, 30 insertions(+), 32 deletions(-)

diff --git a/shop/components/order-wizard.tsx b/shop/components/order-wizard.tsx
index 807f812..9c85f33 100644
--- a/shop/components/order-wizard.tsx
+++ b/shop/components/order-wizard.tsx
@@ -561,7 +561,7 @@ export function OrderWizard({
     setBasketItems(prev => [...prev, currentItem])
     setModuleQuantities({})
     setDeviceName('')
-    
+
     // Reset selections
     const resetSels: Record<string, CategorySelection> = {}
     categories.forEach(cat => {
@@ -663,7 +663,7 @@ export function OrderWizard({
                   Für wen bestellen Sie?
                 </CardTitle>
                 <CardDescription className="text-slate-300">
-                  Wählen Sie einen Endkunden aus Ihrem CRM oder legen Sie einen neuen an.
+                  Wählen Sie einen Endkunden aus oder legen Sie einen neuen an.
                 </CardDescription>
               </CardHeader>
               <CardContent className="space-y-6">
@@ -1023,20 +1023,19 @@ export function OrderWizard({
                                   <div key={product.id} className="relative">
                                     <Label
                                       onClick={() => !disabled && selectProduct(cat.id, product.id)}
-                                      className={`flex flex-col items-start p-4 rounded-xl border-2 transition-all ${
-                                        disabled
+                                      className={`flex flex-col items-start p-4 rounded-xl border-2 transition-all ${disabled
                                           ? 'border-white/5 bg-white/5 opacity-50 cursor-not-allowed'
                                           : isChecked
                                             ? 'border-primary bg-primary/5 cursor-pointer'
                                             : 'border-white/5 bg-white/5 hover:bg-white/10 cursor-pointer'
-                                      }`}
+                                        }`}
                                     >
                                       <div className="flex justify-between w-full items-center">
                                         <div className="flex items-center gap-3">
                                           <Checkbox
                                             checked={isChecked}
                                             disabled={disabled}
-                                            onCheckedChange={() => {}} // onClick on label handles it
+                                            onCheckedChange={() => { }} // onClick on label handles it
                                             className="border-white/20 data-[state=checked]:bg-primary"
                                           />
                                           <span className="font-bold text-base text-white">{product.name}</span>
@@ -1083,37 +1082,36 @@ export function OrderWizard({
                                     />
                                     <Label
                                       htmlFor={disabled ? undefined : `${cat.id}-${product.id}`}
-                                      className={`flex flex-col items-start p-4 rounded-xl border-2 border-white/5 bg-white/5 transition-all ${
-                                        disabled
+                                      className={`flex flex-col items-start p-4 rounded-xl border-2 border-white/5 bg-white/5 transition-all ${disabled
                                           ? 'opacity-50 cursor-not-allowed'
                                           : 'hover:bg-white/10 peer-data-[state=checked]:border-primary peer-data-[state=checked]:bg-primary/5 cursor-pointer'
-                                      }`}
+                                        }`}
                                     >
-                                    <div className="flex justify-between w-full items-center">
-                                      <div className="flex items-center gap-2">
-                                        <span className="font-bold text-base text-white">{product.name}</span>
-                                        <span className={`text-[10px] px-1.5 py-0.5 rounded border ${billingBadgeClass(product.billing_interval)}`}>
-                                          {product.billing_interval === 'one_time' ? 'Einmalig' : 'Abo/Monat'}
+                                      <div className="flex justify-between w-full items-center">
+                                        <div className="flex items-center gap-2">
+                                          <span className="font-bold text-base text-white">{product.name}</span>
+                                          <span className={`text-[10px] px-1.5 py-0.5 rounded border ${billingBadgeClass(product.billing_interval)}`}>
+                                            {product.billing_interval === 'one_time' ? 'Einmalig' : 'Abo/Monat'}
+                                          </span>
+                                        </div>
+                                        <span className="text-primary font-semibold text-sm">
+                                          {new Intl.NumberFormat('de-DE', {
+                                            style: 'currency',
+                                            currency: 'EUR',
+                                          }).format(product.base_price)}{' '}
+                                          <span className="text-xs text-slate-400">{billingLabel(product.billing_interval)}</span>
                                         </span>
                                       </div>
-                                      <span className="text-primary font-semibold text-sm">
-                                        {new Intl.NumberFormat('de-DE', {
-                                          style: 'currency',
-                                          currency: 'EUR',
-                                        }).format(product.base_price)}{' '}
-                                        <span className="text-xs text-slate-400">{billingLabel(product.billing_interval)}</span>
-                                      </span>
-                                    </div>
-                                    {product.description && (
-                                      <span className="text-sm text-slate-300 mt-1">{product.description}</span>
-                                    )}
-                                    {product.modules && product.modules.length > 0 && (
-                                      <span className="text-xs text-slate-500 mt-1">
-                                        {product.modules.length} optionale Module verfügbar
-                                      </span>
-                                    )}
-                                  </Label>
-                                </div>
+                                      {product.description && (
+                                        <span className="text-sm text-slate-300 mt-1">{product.description}</span>
+                                      )}
+                                      {product.modules && product.modules.length > 0 && (
+                                        <span className="text-xs text-slate-500 mt-1">
+                                          {product.modules.length} optionale Module verfügbar
+                                        </span>
+                                      )}
+                                    </Label>
+                                  </div>
                                 )
                               })}
                             </RadioGroup>