From c31b90aa153481c0f225cf8cb22002f79153a964 Mon Sep 17 00:00:00 2001
From: Hangzhi Yu <hangzhi@protonmail.com>
Date: Sun, 3 Nov 2024 14:58:02 +0100
Subject: [PATCH] Improve flex grid
---
.../components/coursebook/absences/DocumentationAbsences.vue | 5 ++---
1 file changed, 2 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 21e43f106..3003718ec 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/absences/DocumentationAbsences.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/absences/DocumentationAbsences.vue
@@ -21,7 +21,6 @@
:is-create="false"
:gql-patch-mutation="documentationsMutation"
/>
- <v-spacer v-if="compact && !$vuetify.breakpoint.mobile" />
<lesson-notes v-bind="documentationPartProps" hide-absence-reasons />
<participation-list
v-if="documentation.canEditParticipationStatus"
@@ -105,13 +104,13 @@ export default {
<style scoped>
.main-body {
display: grid;
- grid-template-columns: 2fr 1fr 3fr;
+ grid-template-columns: 1fr 2fr;
gap: 1em;
align-items: center;
}
.participation-list {
grid-column-start: 1;
- grid-column-end: span 3;
+ grid-column-end: span 2;
}
.vertical {
grid-template-columns: 1fr;
--
GitLab