Make substitution card less tall

aleksis/apps/chronos/frontend/components/substitutions/SubstitutionCard.vue

@@ -27,6 +27,8 @@ import createOrPatchMixin from "aleksis.core/mixins/createOrPatchMixin.js";
         multiple
         chips
         deletable-chips
+        dense
+        hide-details
         :items="amendableTeachers"
         item-text="fullName"
         item-value="id"
@@ -56,6 +58,7 @@ import createOrPatchMixin from "aleksis.core/mixins/createOrPatchMixin.js";
             v-bind="data.attrs"
             :input-value="data.selected"
             close
+            class="mb-2"
             :outlined="getTeacherStatus(data.item) === 'new'"
             :color="getTeacherStatus(data.item) === 'new' ? 'success' : ''"
             @click:close="removeTeacher(data.item)"
@@ -74,6 +77,7 @@ import createOrPatchMixin from "aleksis.core/mixins/createOrPatchMixin.js";
         mandatory
         :disabled="loading"
         @change="changeCancel"
+        class="justify-self-end"
       >
         <v-chip
           filter
@@ -181,10 +185,14 @@ export default {
 <style scoped>
 .main-body {
   display: grid;
+  align-items: center;
   grid-template-columns: 1fr 1fr 2fr 1fr;
   gap: 1em;
 }
 .vertical {
   grid-template-columns: 1fr;
 }
+.justify-self-end {
+  justify-self: end;
+}
 </style>