From 70b3138574fc10e0b6e29d7b011c0060797420db Mon Sep 17 00:00:00 2001
From: Christian Cueni <christian.cueni@iterativ.ch>
Date: Tue, 16 Apr 2024 15:04:59 +0200
Subject: [PATCH] Fix UI issue on passed-label

---
 .../pages/cockpit/assignmentsPage/AssignmentDetails.vue    | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/client/src/pages/cockpit/assignmentsPage/AssignmentDetails.vue b/client/src/pages/cockpit/assignmentsPage/AssignmentDetails.vue
index b988ff51..f7b6431f 100644
--- a/client/src/pages/cockpit/assignmentsPage/AssignmentDetails.vue
+++ b/client/src/pages/cockpit/assignmentsPage/AssignmentDetails.vue
@@ -73,7 +73,7 @@ function findUserPointsHtml(userId: string) {
       "%)";
 
     if (!gradedUser.passed) {
-      result += ` <span class="my-2 rounded-md bg-error-red-200 px-2.5 py-0.5">${t(
+      result += ` <span class="my-2 rounded-md bg-error-red-200 px-2.5 py-0.5 inline-block leading-5">${t(
         "a.Nicht bestanden"
       )}</span>`;
     }
@@ -157,10 +157,11 @@ function findUserPointsHtml(userId: string) {
               </div>
 
               <!-- eslint-disable vue/no-v-html -->
-              <div
+              <p
                 v-if="findGradedUser(csu.user_id) && !isPraxisAssignment"
+                class="text-left md:text-right"
                 v-html="findUserPointsHtml(csu.user_id)"
-              ></div>
+              ></p>
             </section>
           </template>
           <template #link>