Fix link vertical alingment in Basebox

client/src/components/dashboard/BaseBox.vue

@@ -5,7 +5,7 @@ defineProps<{
 </script>
 
 <template>
-  <div class="flex flex-col space-y-4 bg-white">
+  <div class="flex h-full flex-col space-y-4 bg-white">
     <h4 class="mb-1 font-bold">
       <slot name="title"></slot>
     </h4>

client/src/components/dashboard/CoursePanel.vue

@@ -150,7 +150,10 @@ function hasActionButton(): boolean {
       >
         <UkStatistics :course-slug="courseSlug" :course-id="courseConfig.course_id" />
       </div>
-      <div v-if="numberOfMentorWidgets > 0" class="flex flex-col flex-wrap md:flex-row">
+      <div
+        v-if="numberOfMentorWidgets > 0"
+        class="flex flex-col flex-wrap items-stretch md:flex-row"
+      >
         <MentorOpenTasksCount
           v-if="hasWidget('MentorTasksWidget')"
           :course-id="courseConfig.course_id"