From 71734d6c1d3a2f3fa86b40aeb6d53c8ec8001520 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Tue, 8 Sep 2026 11:48:51 +0200
Subject: [PATCH] fix: align file upload submit action

---
 patterns/file-upload.html          | 2 +-
 styles/47-patterns-file-upload.css | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/patterns/file-upload.html b/patterns/file-upload.html
index d8cee8d..01df3fa 100644
--- a/patterns/file-upload.html
+++ b/patterns/file-upload.html
@@ -18,7 +18,7 @@
       </div>
       <p class="sg-body sg-file-upload__status" id="file-upload-status" aria-live="polite">Noch keine Dateien ausgewählt.</p>
       <ul class="sg-file-upload__files" aria-label="Ausgewählte Dateien"></ul>
-      <button class="sg-interaction-element sg-button sg-button--process sg-button--process-inactive" type="submit" disabled aria-disabled="true">Hochladen</button>
+      <button class="sg-interaction-element sg-button sg-button--process sg-button--process-inactive sg-file-upload__submit" type="submit" disabled aria-disabled="true">Hochladen</button>
     </form>
   </section>
   <script>
diff --git a/styles/47-patterns-file-upload.css b/styles/47-patterns-file-upload.css
index 3e1f594..0e15e82 100644
--- a/styles/47-patterns-file-upload.css
+++ b/styles/47-patterns-file-upload.css
@@ -69,6 +69,10 @@
   flex: 0 0 auto;
 }
 
+.sg-file-upload__submit {
+  align-self: flex-end;
+}
+
 .sg-file-upload__error {
   color: var(--text-file-upload-error);
 }