From 7cd12049a602493d416f86273ba7274e883f40c1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Tue, 23 Jun 2026 17:38:12 +0200
Subject: [PATCH] Simplify public cards page layout

---
 components/cards-public-page.html | 8 +++-----
 styles/40-components-cards.css    | 8 ++++----
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/components/cards-public-page.html b/components/cards-public-page.html
index d65fb78..40c4c99 100644
--- a/components/cards-public-page.html
+++ b/components/cards-public-page.html
@@ -33,11 +33,9 @@
                 </div>
 
                 <div class="sg-cards-public-page__cta-right-buttons" data-component="link-buttons">
-                  <div class="sg-component-row">
-                    <button class="sg-interaction-element sg-button sg-button--active" type="button" data-component="button" data-component-state="active">
-                      Link-Button
-                    </button>
-                  </div>
+                  <button class="sg-interaction-element sg-button sg-button--active" type="button" data-component="button" data-component-state="active">
+                    Link-Button
+                  </button>
                 </div>
               </div>
             </div>
diff --git a/styles/40-components-cards.css b/styles/40-components-cards.css
index d862476..6269518 100644
--- a/styles/40-components-cards.css
+++ b/styles/40-components-cards.css
@@ -240,6 +240,7 @@
   width: 100%;
   max-width: 100%;
   box-sizing: border-box;
+  padding-inline: var(--spacing-small);
 }
 
 .sg-page-cards-public-page #component-content-wrapper-card > .sg-transparent-card {
@@ -261,19 +262,18 @@
 
 .sg-page-cards-public-page .sg-cards-public-page__cta-right-grid {
   width: 100%;
-  display: flex;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
   align-items: center;
-  justify-content: space-between;
   gap: var(--spacing-large);
 }
 
 .sg-page-cards-public-page .sg-cards-public-page__cta-right-copy {
-  flex: 1 1 auto;
   min-width: 0;
 }
 
 .sg-page-cards-public-page .sg-cards-public-page__cta-right-buttons {
-  flex: 0 0 auto;
+  min-width: 0;
 }
 
 .sg-page-cards .sg-group-card > .sg-card {