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