Rework

client/src/components/dashboard/AssignmentSummary.vue

@@ -31,7 +31,7 @@ onMounted(async () => {
 
 <template>
   <div v-if="assignment">
-    <div class="w-[395px]">
+    <div class="sm:w-[395px]">
       <AssignmentProgressSummaryBox
         :total-assignments="assignment.total_count"
         :achieved-points-count="assignment.points_achieved_count"

client/src/components/learningPath/LearningPathDiagram.vue

@@ -37,6 +37,7 @@ const circles = computed(() => {
       (c) => props.showCircleSlugs?.includes(c.slug) ?? true
     );
   }
+
   return lpQueryResult.circles.value ?? [];
 });
 
@@ -45,7 +46,10 @@ const wrapperClasses = computed(() => {
   if (props.diagramType === "horizontal") {
     classes += " flex-row h-8 space-x-2";
   } else if (props.diagramType === "horizontalSmall") {
-    classes += " flex-row h-4 space-x-[1.8px]";
+    classes +=
+      filteredCircles.value.length > 15
+        ? " flex-row h-3 space-x-[1.1px]"
+        : " flex-row h-4 space-x-[1.8px]";
   } else if (props.diagramType === "singleSmall") {
     classes += " h-8";
   }

client/src/locales/de/translation.json

@@ -208,6 +208,7 @@
   "a.Nicht bestanden": "Nicht bestanden",
   "a.Nicht bewertet": "Nicht bewertet",
   "a.Nichtleben": "Nichtleben",
+  "a.Noch nicht bestätigt": "Noch nicht bestätigt",
   "a.Note": "Note",
   "a.NUMBER Elemente abgeschlossen": "{NUMBER} Elemente abgeschlossen",
   "a.NUMBER Präsenztage abgeschlossen": "{NUMBER} Präsenztage abgeschlossen",

client/src/locales/fr/translation.json

@@ -208,6 +208,7 @@
   "a.Nicht bestanden": "Échoué",
   "a.Nicht bewertet": "Non évalué",
   "a.Nichtleben": "Non-vie",
+  "a.Noch nicht bestätigt": "Pas encore confirmé",
   "a.Note": "Note",
   "a.NUMBER Elemente abgeschlossen": "{NUMBER} éléments terminés",
   "a.NUMBER Präsenztage abgeschlossen": "{NUMBER} jours de présence complétés",

client/src/locales/it/translation.json

@@ -208,6 +208,7 @@
   "a.Nicht bestanden": "Non superato",
   "a.Nicht bewertet": "Non valutato",
   "a.Nichtleben": "Non vita",
+  "a.Noch nicht bestätigt": "Non ancora confermato",
   "a.Note": "Note",
   "a.NUMBER Elemente abgeschlossen": "{NUMBER} elementi completati",
   "a.NUMBER Präsenztage abgeschlossen": "{NUMBER} giorni di presenza completati",

client/src/pages/dashboard/statistic/AssignmentList.vue

@@ -63,9 +63,14 @@ const itemDetailUrl = (item: AssignmentStatisticsRecordType) => {
 
 <template>
   <main>
-    <div class="mb-10 flex items-center justify-between">
+    <div class="mb-10 flex flex-wrap items-center justify-between">
       <h3>{{ $t("a.Kompetenznachweis-Elemente") }}</h3>
-      <button v-if="true" class="flex" data-cy="export-button" @click="exportData">
+      <button
+        v-if="true"
+        class="flex pt-3 sm:pt-0"
+        data-cy="export-button"
+        @click="exportData"
+      >
         <it-icon-export></it-icon-export>
         <span class="ml inline-block">{{ $t("a.Als Excel exportieren") }}</span>
       </button>
@@ -78,7 +83,7 @@ const itemDetailUrl = (item: AssignmentStatisticsRecordType) => {
       >
         <template #default="{ item }">
           <div
-            class="flex justify-between"
+            class="flex flex-wrap justify-between"
             :data-cy="`${(item as AssignmentStatisticsRecordType).assignment_title}@${(item as AssignmentStatisticsRecordType).course_session_id}`"
           >
             <div>
@@ -109,7 +114,7 @@ const itemDetailUrl = (item: AssignmentStatisticsRecordType) => {
                 {{ total((item as AssignmentStatisticsRecordType).metrics) }}
                 bestanden
               </div>
-              <div v-else>Noch nicht bestätigt</div>
+              <div v-else>{{ $t("a.Noch nicht bestätigt") }}</div>
               <ItProgress
                 :status-count="
                   assignmentStats((item as AssignmentStatisticsRecordType).metrics)