Unify spacing of LessonInformation

aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonInformation.vue

 <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>