Resolve "Update Vuetify"

Closes #250 (closed)

frontend/src/components/tutor_list/TutorList.vue

 <template>
-  <v-col
-    lg="7"
-    xl="5"
-  >
-    <v-card>
-      <v-card-title class="title">
-        Tutors
-        <v-spacer />
-        <v-btn
-          icon
-          @click="refresh"
-        >
-          <v-icon>refresh</v-icon>
-        </v-btn>
-      </v-card-title>
-      <v-data-table
-        :headers="headers"
-        :items="tutors"
-        :search="search"
-        item-key="pk"
-        hide-actions
+  <v-card>
+    <v-card-title class="title">
+      Tutors
+      <v-spacer />
+      <v-btn
+        icon
+        @click="refresh"
       >
-        <template
-          slot="items"
-          slot-scope="props"
-        >
-          <td>{{ props.item.username }}</td>
-          <td class="text-right">
-            {{ props.item.feedbackCreated }}
-          </td>
-          <td class="text-right">
-            {{ props.item.feedbackValidated }}
-          </td>
-          <td class="text-right">
-            {{ props.item.reservedSubmissions }}
-            <v-tooltip
-              v-if="props.item.reservedSubmissions"
-              top
-            >
+        <v-icon>refresh</v-icon>
+      </v-btn>
+    </v-card-title>
+    <v-data-table
+      :headers="headers"
+      :items="tutors"
+      :search="search"
+      item-key="pk"
+      hide-actions
+    >
+      <template
+        slot="items"
+        slot-scope="props"
+      >
+        <td>{{ props.item.username }}</td>
+        <td class="text-right">
+          {{ props.item.feedbackCreated }}
+        </td>
+        <td class="text-right">
+          {{ props.item.feedbackValidated }}
+        </td>
+        <td class="text-right">
+          {{ props.item.reservedSubmissions }}
+          <v-tooltip
+            v-if="props.item.reservedSubmissions"
+            top
+          >
+            <template #activator="{ on }">
+              <v-icon
+                small
+                v-on="on"
+                @click="deleteAssignmentsOfTutor(props.item)"
+              >
+                clear
+              </v-icon>
+            </template>
+            <span>Free locked submissions</span>
+          </v-tooltip>
+        </td>
+        <td class="text-right">
+          <v-btn
+            v-if="canRevokeAccess(props.item.username)"
+            icon
+            @click="changeActiveStatus(props.item)"
+          >
+            <v-tooltip top>
               <template #activator="{ on }">
                 <v-icon
+                  v-if="!props.item.isActive"
+                  small
+                  v-on="on"
+                >
+                  lock
+                </v-icon>
+                <v-icon
+                  v-else
                   small
                   v-on="on"
-                  @click="deleteAssignmentsOfTutor(props.item)"
                 >
-                  clear
+                  lock_open
                 </v-icon>
               </template>
-              <span>Free locked submissions</span>
+              <span v-if="!props.item.isActive">Grant access</span>
+              <span v-else>Revoke access</span>
             </v-tooltip>
-          </td>
-          <td class="text-right">
-            <v-btn
-              v-if="canRevokeAccess(props.item.username)"
-              icon
-              @click="changeActiveStatus(props.item)"
-            >
-              <v-tooltip top>
-                <template #activator="{ on }">
-                  <v-icon
-                    v-if="!props.item.isActive"
-                    small
-                    v-on="on"
-                  >
-                    lock
-                  </v-icon>
-                  <v-icon
-                    v-else
-                    small
-                    v-on="on"
-                  >
-                    lock_open
-                  </v-icon>
-                </template>
-                <span v-if="!props.item.isActive">Grant access</span>
-                <span v-else>Revoke access</span>
-              </v-tooltip>
-            </v-btn>
-          </td>
-        </template>
-      </v-data-table>
-    </v-card>
-  </v-col>
+          </v-btn>
+        </td>
+      </template>
+    </v-data-table>
+  </v-card>
 </template>
 
 <script lang="ts">