Improve flex grid

aleksis/apps/alsijil/frontend/components/coursebook/absences/DocumentationAbsences.vue

@@ -21,7 +21,6 @@
         :is-create="false"
         :gql-patch-mutation="documentationsMutation"
       />
-      <v-spacer v-if="compact && !$vuetify.breakpoint.mobile" />
       <lesson-notes v-bind="documentationPartProps" hide-absence-reasons />
       <participation-list
         v-if="documentation.canEditParticipationStatus"
@@ -105,13 +104,13 @@ export default {
 <style scoped>
 .main-body {
   display: grid;
-  grid-template-columns: 2fr 1fr 3fr;
+  grid-template-columns: 1fr 2fr;
   gap: 1em;
   align-items: center;
 }
 .participation-list {
   grid-column-start: 1;
-  grid-column-end: span 3;
+  grid-column-end: span 2;
 }
 .vertical {
   grid-template-columns: 1fr;