Refine layout

aleksis/apps/alsijil/frontend/components/coursebook/absences/DocumentationAbsences.vue

@@ -14,9 +14,7 @@
       <lesson-information v-if="compact" v-bind="documentationPartProps" />
       <v-spacer />
       <lesson-notes v-bind="documentationPartProps" />
-    </v-card-text>
-    <v-card-text>
-      <participation-list v-bind="documentationPartProps" v-on="selectListeners" />
+      <participation-list class="participation-list" v-bind="documentationPartProps" v-on="selectListeners" />
     </v-card-text>
     <v-spacer />
     <v-divider />
@@ -85,8 +83,14 @@ export default {
 .main-body {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
+  grid-template-rows: min-content min-content;
   gap: 1em;
 }
+.participation-list {
+  grid-column-start: 1;
+  grid-column-end: span 3;
+  grid-row-start: 2;
+}
 .vertical {
   grid-template-columns: 1fr;
 }