From aa4ecfa485d19c70148ddc5d95a71d9896fa9aa8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Mon, 28 Sep 2026 07:31:23 +0200
Subject: [PATCH] fix: simplify large table load more card

---
 components/data-display.html          | 16 ++++++----------
 styles/42-components-data-display.css |  9 +--------
 2 files changed, 7 insertions(+), 18 deletions(-)

diff --git a/components/data-display.html b/components/data-display.html
index 0c15b1d..0994787 100644
--- a/components/data-display.html
+++ b/components/data-display.html
@@ -215,17 +215,13 @@
 
       <div class="sg-card-segment sg-card-segment--body sg-card-segment--white sg-large-table__row sg-large-table__row--load-more" role="row" data-component-part="large-table-row" data-large-table-load-more-row="true">
         <div class="sg-large-table__cell sg-large-table__cell--load-more" role="cell">
-          <div class="sg-navigation-card-layout sg-large-table__load-more-layout">
-            <div class="sg-navigation-card-block">
-              <article class="sg-card" data-component="card" data-pattern="navigation-card" aria-label="Navigations-Card">
-                <div class="sg-card-segment sg-card-segment--body" data-component-part="card-body" data-pattern-part="navigation-card-segment">
-                  <div class="sg-navigation-card-center">
-                    <a class="sg-hyperlink" href="#" data-component="hyperlink" data-large-table-load-more-trigger="true">Mehr laden</a>
-                  </div>
-                </div>
-              </article>
+          <article class="sg-card sg-large-table__load-more-card" data-component="card" data-pattern="navigation-card" aria-label="Navigations-Card">
+            <div class="sg-card-segment sg-card-segment--body" data-component-part="card-body" data-pattern-part="navigation-card-segment">
+              <div class="sg-navigation-card-center">
+                <a class="sg-hyperlink" href="#" data-component="hyperlink" data-large-table-load-more-trigger="true">Mehr laden</a>
+              </div>
             </div>
-          </div>
+          </article>
         </div>
       </div>
     </article>
diff --git a/styles/42-components-data-display.css b/styles/42-components-data-display.css
index cc03261..7ca618c 100644
--- a/styles/42-components-data-display.css
+++ b/styles/42-components-data-display.css
@@ -131,15 +131,8 @@
 
 .sg-large-table__row--load-more,
 .sg-large-table__cell--load-more,
-.sg-large-table__load-more-layout,
-.sg-large-table__load-more-layout > .sg-navigation-card-block,
-.sg-large-table__load-more-layout > .sg-navigation-card-block > .sg-card {
+.sg-large-table__load-more-card {
   min-width: 0;
-  max-width: 100%;
-  box-sizing: border-box;
-}
-
-.sg-large-table__load-more-layout {
   width: 100%;
   max-width: 100%;
   box-sizing: border-box;