Kartenansicht je Lebensphase, Icon-Schiene links, Steuerung rechts

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

src/components/ElementDetail.tsx

@@ -104,6 +104,9 @@ interface Props {
   phaseDataByPhase?: Record<string, PhaseData>;
   onSaved: () => void;
   onDeleteElement: () => void;
+  // In der Kartenansicht steht Name und Kategorie schon im Zeilenkopf -- dann waere die
+  // eigene Ueberschrift eine Wiederholung, und der Loeschen-Knopf sitzt dort im Menue.
+  compact?: boolean;
 }
 
 // Warnhinweis beim Bearbeiten einer Phase, der noch Phasen folgen. Seit V3 werden Werte live
@@ -1182,6 +1185,7 @@ export function ElementDetail({
   phaseDataByPhase = {},
   onSaved,
   onDeleteElement,
+  compact,
 }: Props) {
   const [pd, setPd] = useState<PhaseData>({ ...phaseData });
   const [td, setTd] = useState<TransitionData>({ ...transitionData });
@@ -1252,6 +1256,7 @@ export function ElementDetail({
 
   return (
     <div className="flex flex-col gap-4">
+      {!compact && (
       <div className="flex items-start justify-between gap-2">
         <div>
           <div className="text-xs font-semibold uppercase tracking-wide text-accent-soft-fg">
@@ -1268,6 +1273,7 @@ export function ElementDetail({
           <Trash2 className="h-3.5 w-3.5" /> Element löschen
         </button>
       </div>
+      )}
 
       <div className="grid grid-cols-1 gap-3 sm:grid-cols-2">
         {/* Punkt 4: Warnung, dass Änderungen sich in die Folgephasen fortschreiben. */}