Fix responsive design

aleksis/apps/alsijil/static/js/vue/components/alsijil/LessonDocumentation.js

@@ -13,7 +13,7 @@ export default {
     <v-card elevation="2">
       <v-form v-model="valid">
         <v-row class="ma-0">
-          <v-col sm="12" md="4" lg="3" xl="2">
+          <v-col cols="12" md="4" lg="3" xl="2">
             <v-hover v-slot="{ hover }">
               <div>
                 <v-menu
@@ -65,7 +65,7 @@ export default {
               </div>
             </v-hover>
           </v-col>
-          <v-col sm="12" md="4" lg="6" xl="7">
+          <v-col cols="12" md="4" lg="6" xl="7">
             <v-textarea
               name="input-7-1"
               :label="this.$root.django.gettext('Topic')"
@@ -95,7 +95,7 @@ export default {
               @input="$emit('change-group-note', $event)"
             ></v-textarea>
           </v-col>
-          <v-col sm="12" md="4" lg="3">
+          <v-col cols="12" md="4" lg="3">
             <personal-notes
               :groups="groups"
               :excuse-types="excuseTypes"