Repaired student layout

frontend/src/pages/student/StudentSubmissionPage.vue

 <template>
-  <v-container class="flex">
-    <v-row>
-      <v-col
-        cols="6"
-        offset="3"
-      >
-        <v-alert
-          :value="!feedback"
-          type="info"
-        >
+  <v-container>
+    <v-row v-if="!feedback">
+      <v-col>
+        <v-alert type="info">
           This submission hasn't been corrected due to this being a pass only exam.
         </v-alert>
-        <v-alert
-          :value="feedback && !feedback.isFinal"
-          type="info"
-        >
+      </v-col>
+    </v-row>
+    <v-row v-if="feedback && !feedback.isFinal">
+      <v-col>
+        <v-alert type="info">
           This feedback is not final! Changes will likely occur!
         </v-alert>
       </v-col>
-      <v-col
-        :class="{ md6: !solutionHidden, md12: solutionHidden }"
-      >
+    </v-row>
+    <v-row>
+      <v-col :md="solutionHidden ? 12 : 6">
         <base-annotated-submission :key="mathRerender">
           <template #header>
             <annotated-submission-top-toolbar
@@ -64,8 +59,6 @@
             <v-row
               v-for="label in mappedLabels"
               :key="'global' + label.pk"
-
-
               align="center"
             >
               <v-col sm="6">
@@ -204,4 +197,7 @@ export default {
   height: 800px;
 }
 
+.v-alert {
+  margin: 0;
+}
 </style>