From 359fcd61a07540de01e51d91d2eca5e114507b09 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Tue, 16 Jun 2026 07:00:58 +0200
Subject: [PATCH] Make create-list button full width

---
 patterns/delete-confirmation-overlay.html  | 2 +-
 styles/27-patterns-delete-confirmation.css | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/patterns/delete-confirmation-overlay.html b/patterns/delete-confirmation-overlay.html
index 31b9e1d..53884c5 100644
--- a/patterns/delete-confirmation-overlay.html
+++ b/patterns/delete-confirmation-overlay.html
@@ -143,7 +143,7 @@
           </ul>
 
           <div class="sg-delete-confirmation-pattern__actions">
-            <button class="sg-interaction-element sg-button sg-button--active" type="button" data-create-list-form-toggle aria-expanded="false">Neue Liste anlegen</button>
+            <button class="sg-interaction-element sg-button sg-button--active sg-delete-confirmation-pattern__create-list-toggle" type="button" data-create-list-form-toggle aria-expanded="false">Neue Liste anlegen</button>
           </div>
         </div>
 
diff --git a/styles/27-patterns-delete-confirmation.css b/styles/27-patterns-delete-confirmation.css
index 001f9c8..4ede164 100644
--- a/styles/27-patterns-delete-confirmation.css
+++ b/styles/27-patterns-delete-confirmation.css
@@ -160,6 +160,10 @@
   margin-top: 0;
 }
 
+.sg-delete-confirmation-pattern__create-list-toggle {
+  width: 100%;
+}
+
 @media (max-width: 48rem) {
   .sg-delete-confirmation-pattern__actions {
     flex-wrap: wrap;