From bd9c2996dd8a4b8c917899805039b5be8c30870f Mon Sep 17 00:00:00 2001
From: Julian Leucker <leuckerj@gmail.com>
Date: Wed, 27 Mar 2024 19:29:46 +0100
Subject: [PATCH] Refine LessonSummary layout using css grid
---
.../components/coursebook/documentation/LessonSummary.vue | 7 ++++++-
1 file changed, 6 insertions(+), 1 deletion(-)
diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonSummary.vue b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonSummary.vue
index ae068774c..d31d19699 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonSummary.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonSummary.vue
@@ -2,7 +2,7 @@
<div>
<!-- compact -->
<div
- class="d-flex flex-column flex-md-row align-stretch align-md-center gap justify-start"
+ class="d-flex flex-column flex-md-row align-stretch align-md-center gap justify-start fill-height"
v-if="compact"
>
<v-text-field
@@ -176,4 +176,9 @@ export default {
.gap {
gap: 1em;
}
+
+.grid-layout {
+ display: grid;
+ grid-template-columns: auto min-content;
+}
</style>
--
GitLab