From 4e3ece6f72713be4f50a0920688a0daf187193ca Mon Sep 17 00:00:00 2001
From: Elia Bieri <elia.bieri@iterativ.ch>
Date: Tue, 22 Oct 2024 13:54:59 +0200
Subject: [PATCH] Fix ausbildungsverantwortlicher dashboard

---
 .../dashboard/AttendancePerChosenProfileChart.vue           | 4 ++--
 client/src/components/dashboard/CoursePanel.vue             | 6 ++++--
 .../components/dashboard/TrainingResponsibleStatistics.vue  | 2 +-
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/client/src/components/dashboard/AttendancePerChosenProfileChart.vue b/client/src/components/dashboard/AttendancePerChosenProfileChart.vue
index a5a687af..40be2706 100644
--- a/client/src/components/dashboard/AttendancePerChosenProfileChart.vue
+++ b/client/src/components/dashboard/AttendancePerChosenProfileChart.vue
@@ -24,7 +24,7 @@ const data = computed(() => ({
 </script>
 w
 <template>
-  <div class="flex flex-row items-center space-x-8">
+  <div class="flex flex-row flex-wrap items-center gap-y-4 space-x-8 sm:gap-y-0">
     <div class="size-32">
       <Pie
         :data="data"
@@ -39,7 +39,7 @@ w
         }"
       />
     </div>
-    <div class="flex flex-col space-y-2">
+    <div class="flex flex-col items-start">
       <div
         v-for="(value, key) in props.data"
         :key="key"
diff --git a/client/src/components/dashboard/CoursePanel.vue b/client/src/components/dashboard/CoursePanel.vue
index 8ac1af3b..d57eb7a7 100644
--- a/client/src/components/dashboard/CoursePanel.vue
+++ b/client/src/components/dashboard/CoursePanel.vue
@@ -91,7 +91,9 @@ function hasActionButton(): boolean {
     <div class="flex flex-col space-y-8 bg-white p-6">
       <div class="border-b border-gray-300 pb-8">
         <div class="flex flex-row flex-wrap items-start justify-between pb-3 sm:pb-0">
-          <h3 class="mb-4 text-3xl" data-cy="db-course-title">{{ courseName }}</h3>
+          <h3 class="mb-4 text-2xl sm:text-3xl" data-cy="db-course-title">
+            {{ courseName }}
+          </h3>
           <a
             v-if="hasActionButton()"
             :href="actionButtonProps.href"
@@ -108,7 +110,7 @@ function hasActionButton(): boolean {
           <router-link
             v-if="courseConfig.has_preview"
             :to="getLearningPathUrl(courseConfig.course_slug)"
-            class="inline-block pl-6"
+            class="inline-block pt-3 sm:pl-6 sm:pt-0"
             target="_blank"
           >
             <div class="flex items-center">
diff --git a/client/src/components/dashboard/TrainingResponsibleStatistics.vue b/client/src/components/dashboard/TrainingResponsibleStatistics.vue
index d1484a48..cb383ebb 100644
--- a/client/src/components/dashboard/TrainingResponsibleStatistics.vue
+++ b/client/src/components/dashboard/TrainingResponsibleStatistics.vue
@@ -54,7 +54,7 @@ const attendanceCountPerChosenProfile = computed(() => {
 
 <template>
   <div class="flex flex-col">
-    <div class="flex flex-col flex-wrap items-stretch md:flex-row">
+    <div class="flex flex-col flex-wrap items-stretch gap-y-4 sm:gap-y-0 md:flex-row">
       <BaseBox
         :details-link="`/dashboard/cost/${courseSessionId}`"
         data-cy="dashboard.stats.trainingResponsible.cost"