From b125af7491ba397548a18d5d7dae004e251b19b9 Mon Sep 17 00:00:00 2001
From: Julian Leucker <leuckerj@gmail.com>
Date: Tue, 19 Mar 2024 19:45:49 +0100
Subject: [PATCH] Unify spacing of LessonInformation
---
.../documentation/LessonInformation.vue | 17 +++++++++++++----
1 file changed, 13 insertions(+), 4 deletions(-)
diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonInformation.vue b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonInformation.vue
index 77aa69b98..52b8bf8ad 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonInformation.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonInformation.vue
@@ -1,5 +1,5 @@
<template>
- <div class="full-width d-flex align-center flex-wrap gap justify-space-around">
+ <div :class="{ 'full-width grid mr-0': true, 'mr-md-4': compact }">
<div>
<time :datetime="documentation.datetimeStart" :class="{ 'd-block': compact }">
{{ $d(toDateTime(documentation.datetimeStart), "shortTime") }}
@@ -9,11 +9,13 @@
{{ $d(toDateTime(documentation.datetimeEnd), "shortTime") }}
</time>
</div>
- {{ documentation.course?.name }}
+ <span class="text-center">
+ {{ documentation.course?.name }}
+ </span>
<subject-chip
v-if="documentation.subject"
:subject="documentation.subject"
- class="ms-2"
+ class="subject"
:append-icon="documentation.canEdit ? '$edit' : undefined"
/>
</div>
@@ -39,7 +41,14 @@ export default {
</script>
<style scoped>
-.gap {
+.grid {
+ display: grid;
+ grid-template-columns: 1fr max-content 1fr;
+ align-items: center;
gap: 1em;
}
+
+.subject {
+ justify-self: end;
+}
</style>
--
GitLab