From fab59b8f89034eade8548fe655b4f6674709a3de Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Thu, 28 May 2026 12:32:17 +0200
Subject: [PATCH] Arrange VSF cards in shared row-wise object-card grid

---
 patterns/vsf-listen-uebersicht-seite.html | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/patterns/vsf-listen-uebersicht-seite.html b/patterns/vsf-listen-uebersicht-seite.html
index bcd3dce..39f9452 100644
--- a/patterns/vsf-listen-uebersicht-seite.html
+++ b/patterns/vsf-listen-uebersicht-seite.html
@@ -108,8 +108,9 @@
     </div>
 
     <div id="layout-vsf-list-card">
-    <div class="sg-object-card-grid sg-delete-confirmation-pattern sg-delete-confirmation-pattern__stage" data-pattern="overlay-card" data-dialog-open="false" aria-label="VSF List Card Layout List Card">
-      <article class="sg-card sg-object-card sg-delete-confirmation-pattern__target" data-pattern="object-group-card" aria-label="List Card">
+    <div class="sg-object-card-grid" aria-label="VSF Listen Übersicht Karten">
+    <div class="sg-delete-confirmation-pattern sg-delete-confirmation-pattern__stage sg-object-card" data-pattern="overlay-card" data-dialog-open="false" aria-label="VSF List Card Layout List Card">
+      <article class="sg-card sg-delete-confirmation-pattern__target" data-pattern="object-group-card" aria-label="List Card">
         <header class="sg-card-segment sg-card-segment--header sg-card-segment--darkblue sg-object-card__header" data-pattern-part="object-group-card-header">
           <div class="sg-strong">NAME DER LISTE</div>
           <div class="sg-sandwich-menu-wrap" data-open="false" data-align="right" data-component="sandwich-menu" data-component-size="small">
@@ -227,8 +228,8 @@
       </article>
     </div>
 
-    <div class="sg-object-card-grid sg-delete-confirmation-pattern sg-delete-confirmation-pattern__stage" data-pattern="overlay-card" data-dialog-open="false" aria-label="VSF List Card Layout List Card">
-      <article class="sg-card sg-object-card sg-delete-confirmation-pattern__target" data-pattern="object-group-card" aria-label="List Card">
+    <div class="sg-delete-confirmation-pattern sg-delete-confirmation-pattern__stage sg-object-card" data-pattern="overlay-card" data-dialog-open="false" aria-label="VSF List Card Layout List Card">
+      <article class="sg-card sg-delete-confirmation-pattern__target" data-pattern="object-group-card" aria-label="List Card">
         <header class="sg-card-segment sg-card-segment--header sg-card-segment--darkblue sg-object-card__header" data-pattern-part="object-group-card-header">
           <div class="sg-strong">NAME DER LISTE</div>
           <div class="sg-sandwich-menu-wrap" data-open="false" data-align="right" data-component="sandwich-menu" data-component-size="small">
@@ -346,7 +347,6 @@
       </article>
     </div>
 
-    <div class="sg-object-card-grid" aria-label="VSF List Card Layout Neue Liste anlegen">
       <article class="sg-card sg-object-card" data-pattern="object-group-card" aria-label="Neue Liste anlegen Karte">
         <header class="sg-card-segment sg-card-segment--header sg-card-segment--darkblue sg-object-card__header" data-pattern-part="object-group-card-header">
           <div class="sg-strong">Neue Liste anlegen</div>
@@ -409,7 +409,6 @@
         </div>
       </article>
     </div>
-    </div>
 
 
   </section>