Fix documentation style in dialog

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

 <template>
-  <v-card class="my-1 full-width">
+  <v-card :class="{'my-1 full-width': true, 'd-flex flex-column': !compact }">
     <v-card-title v-if="!compact">
       <lesson-information v-bind="documentationPartProps" />
     </v-card-title>
 
     <v-card-text
-      class="full-width main-body pa-2"
-      :class="{ 'vertical': !compact || $vuetify.breakpoint.mobile }"
+      class="full-width main-body"
+      :class="{ 'vertical': !compact || $vuetify.breakpoint.mobile, 'pa-2': compact }"
     >
       <lesson-information v-if="compact" v-bind="documentationPartProps" />
       <lesson-summary
@@ -20,6 +20,7 @@
       />
       <lesson-notes v-bind="documentationPartProps" />
     </v-card-text>
+    <v-spacer />
     <v-divider />
     <v-card-actions v-if="!compact">
       <v-spacer />