Move subject chip

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

@@ -20,7 +20,13 @@ import PersonChip from "aleksis.core/components/person/PersonChip.vue";
     <span :class="{ 'text-right': !largeGrid }">
       {{ documentation.course?.name }}
     </span>
-    <div :class="{ 'd-flex align-center flex-wrap gap': true, 'justify-center': largeGrid }">
+    <subject-chip
+      v-if="documentation.subject"
+      :subject="documentation.subject"
+      v-bind="compact ? dialogActivator.attrs : {}"
+      v-on="compact ? dialogActivator.on : {}"
+    />
+    <div :class="{ 'd-flex align-center flex-wrap gap': true }">
       <person-chip
         v-for="teacher in documentation.teachers"
         :person="teacher"
@@ -29,13 +35,6 @@ import PersonChip from "aleksis.core/components/person/PersonChip.vue";
         v-on="compact ? dialogActivator.on : {}"
       />
     </div>
-    <subject-chip
-      v-if="documentation.subject"
-      :subject="documentation.subject"
-      class="subject"
-      v-bind="compact ? dialogActivator.attrs : {}"
-      v-on="compact ? dialogActivator.on : {}"
-    />
   </div>
 </template>
 
@@ -84,8 +83,13 @@ export default {
   justify-self: end;
 }
 
-.subject {
+.grid.large-grid:nth-child(3) {
+  justify-self: center;
+}
+
+.grid:last-child {
   justify-self: end;
+  justify-content: end;
 }
 
 .fit-content {