From adc9e763f224d22e9f8aa5247fa805d7b665d9cf Mon Sep 17 00:00:00 2001
From: Elia Bieri <elia.bieri@iterativ.ch>
Date: Thu, 10 Aug 2023 07:24:35 +0000
Subject: [PATCH] Merged in bugfix/VBV-344-auftrag-frontend-trainer-mobile
 (pull request #171)

VBV-344- Improve assignment grading layout on mobile

* Improve assignment grading layout on mobile


Approved-by: Christian Cueni
---
 .../assignmentEvaluationPage/AssignmentEvaluationPage.vue   | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/src/pages/cockpit/assignmentEvaluationPage/AssignmentEvaluationPage.vue b/client/src/pages/cockpit/assignmentEvaluationPage/AssignmentEvaluationPage.vue
index d00ea917..b71cf356 100644
--- a/client/src/pages/cockpit/assignmentEvaluationPage/AssignmentEvaluationPage.vue
+++ b/client/src/pages/cockpit/assignmentEvaluationPage/AssignmentEvaluationPage.vue
@@ -94,8 +94,8 @@ const assignment = computed(
         v-if="assignment && assignmentCompletion && state.assignmentUser"
         class="relative"
       >
-        <div class="h-content flex">
-          <div class="h-full w-1/2 overflow-y-auto bg-white">
+        <div class="h-content flex flex-col sm:flex-row">
+          <div class="h-full overflow-y-auto bg-white sm:w-1/2">
             <!-- Left part content goes here -->
             <div class="p-10" data-cy="student-submission">
               <h3>Ergebnisse</h3>
@@ -117,7 +117,7 @@ const assignment = computed(
               ></AssignmentSubmissionResponses>
             </div>
           </div>
-          <div class="w-1/2 overflow-y-auto bg-gray-200">
+          <div class="overflow-y-auto bg-gray-200 sm:w-1/2">
             <EvaluationContainer
               :assignment-completion="assignmentCompletion"
               :assignment-user="state.assignmentUser"