From ca4425b2e05479180002624992284a26f1f66e39 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= <mbombeck@gmail.com>
Date: Mon, 1 Jun 2026 22:51:19 +0200
Subject: [PATCH] fix(medications): make the danger zone a symmetric matched
 pair

Replace the space-y-4 + interleaved-separator danger card, whose two
rows the outer group double-framed into unequal spacing, with one
tinted card: divide-destructive/20 dividers, equal py-3 per row, and
two identical destructive buttons for a true matched pair.
---
 .../medications/sections/destructive-zone-section.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/medications/sections/destructive-zone-section.tsx b/src/components/medications/sections/destructive-zone-section.tsx
index 29d617ed0..75b5cd4f8 100644
--- a/src/components/medications/sections/destructive-zone-section.tsx
+++ b/src/components/medications/sections/destructive-zone-section.tsx
@@ -318,10 +318,12 @@ export function DangerZoneBody({
 
   return (
     <Card
-      className="border-destructive/40 space-y-4 p-4"
+      className="border-destructive/40 bg-destructive/5 divide-destructive/20 gap-0 divide-y px-4 py-1"
       data-slot="destructive-zone-card-b"
     >
-      <div className="flex items-center justify-between gap-3">
+      {/* Tier 3a — Verlauf löschen. Matched pair with the delete row
+          below: identical `py-3` spacing, identical destructive button. */}
+      <div className="flex items-center justify-between gap-3 py-3">
         <div className="space-y-1">
           <p className="text-foreground text-sm font-medium">
             {t("medications.detail.zone.purge.title")}
@@ -343,9 +345,8 @@ export function DangerZoneBody({
         </Button>
       </div>
 
-      <Separator />
-
-      <div className="flex items-center justify-between gap-3">
+      {/* Tier 3b — Medikament löschen */}
+      <div className="flex items-center justify-between gap-3 py-3">
         <div className="space-y-1">
           <p className="text-foreground text-sm font-medium">
             {t("medications.detail.zone.delete.title")}