From 60c6457e85f1041ef7a665214df2a79a6094001c Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Tue, 30 Apr 2024 11:32:16 +0200
Subject: [PATCH] Fix submission form styling on mobile

---
 .../content-blocks/assignment/SubmissionForm.vue     | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/client/src/components/content-blocks/assignment/SubmissionForm.vue b/client/src/components/content-blocks/assignment/SubmissionForm.vue
index 4ef85c9d..92ee5cfc 100644
--- a/client/src/components/content-blocks/assignment/SubmissionForm.vue
+++ b/client/src/components/content-blocks/assignment/SubmissionForm.vue
@@ -112,6 +112,7 @@ const changeDocumentUrl = (documentUrl: string) => {
 </script>
 
 <style scoped lang="postcss">
+@import 'styles/css/mixins/desktop.css';
 .submission-form-container {
   margin-bottom: $medium-spacing;
 
@@ -119,13 +120,16 @@ const changeDocumentUrl = (documentUrl: string) => {
     margin-bottom: 12px;
   }
 
-  &__submit {
-    margin-right: var(--medium-spacing);
-  }
-
   &__actions {
     display: flex;
     align-items: center;
+    gap: var(--small-spacing);
+
+    flex-direction: column;
+    @mixin desktop {
+      gap: var(--medium-spacing);
+      flex-direction: row;
+    }
   }
 
   &__document {