From 5d0480596dd3a11f09090cc6c7be1cadda93e0b8 Mon Sep 17 00:00:00 2001
From: Hangzhi Yu <hangzhi@protonmail.com>
Date: Tue, 18 Jun 2024 22:08:48 +0200
Subject: [PATCH] Refine layout

---
 .../coursebook/absences/DocumentationAbsences.vue      | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/absences/DocumentationAbsences.vue b/aleksis/apps/alsijil/frontend/components/coursebook/absences/DocumentationAbsences.vue
index 1691420da..c4a10c376 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/absences/DocumentationAbsences.vue
+++ b/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;
 }
-- 
GitLab