Move documentation-status from documentation to LessonInformation

aleksis/apps/alsijil/frontend/components/coursebook/documentation/Documentation.vue

@@ -8,7 +8,6 @@
       class="full-width main-body"
       :class="{ 'vertical': !compact || $vuetify.breakpoint.mobile, 'pa-2': compact }"
     >
-      <documentation-status v-if="compact" v-bind="documentationPartProps" />
       <lesson-information v-if="compact" v-bind="documentationPartProps" />
       <lesson-summary
         ref="summary"
@@ -33,7 +32,6 @@
 </template>
 
 <script>
-import DocumentationStatus from "./DocumentationStatus.vue";
 import LessonInformation from "./LessonInformation.vue";
 import LessonSummary from "./LessonSummary.vue";
 import LessonNotes from "./LessonNotes.vue";
@@ -48,7 +46,6 @@ import documentationPartMixin from "./documentationPartMixin";
 export default {
   name: "Documentation",
   components: {
-    DocumentationStatus,
     LessonInformation,
     LessonSummary,
     LessonNotes,

aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonInformation.vue

 <script setup>
+import DocumentationStatus from "./DocumentationStatus.vue";
 import PersonChip from "aleksis.core/components/person/PersonChip.vue";
 </script>
 
 <template>
   <div :class="{ 'full-width grid': true, 'large-grid': largeGrid }">
-    <div>
+    <div class="d-flex">
+      <documentation-status v-if="compact" v-bind="documentationPartProps" />
       <div :class="{ 'text-right d-flex flex-column fit-content': largeGrid }">
         <time :datetime="documentation.datetimeStart" class="text-no-wrap">
           {{ $d(toDateTime(documentation.datetimeStart), "shortTime") }}
@@ -71,7 +73,7 @@ export default {
 }
 
 .large-grid {
-  grid-template-columns: min-content 1fr 1fr 1fr;
+  grid-template-columns: 1fr 1fr 1fr 1fr;
   align-content: unset;
 }