Pass every line to mathjax individually

frontend/src/components/submission_notes/SubmissionCorrection.vue

@@ -18,12 +18,12 @@
         id="sub-lines"
         #table-content
       >
-        <math-renderer :enabled="mathIsRendered">
-          <tr
-            v-for="(code, lineNo) in submission"
-            :id="`sub-line-${lineNo}`"
-            :key="`${submissionObj.pk}${lineNo}`"
-          >
+        <tr
+          v-for="(code, lineNo) in submission"
+          :id="`sub-line-${lineNo}`"
+          :key="`${submissionObj.pk}${lineNo}`"
+        >
+          <math-renderer :enabled="mathIsRendered">
             <submission-line
               :hint="hasHiddenComment(lineNo)"
               :code="code"
@@ -57,8 +57,8 @@
                 @collapseFeedbackForm="toggleEditorOnLine(lineNo)"
               />
             </submission-line>
-          </tr>
-        </math-renderer>
+          </math-renderer>
+        </tr>
       </template>
       <template #labels>
         <label-selector

frontend/src/pages/student/StudentSubmissionPage.vue

@@ -30,11 +30,11 @@
             />
           </template>
           <template #table-content>
-            <math-renderer :enabled="mathIsRendered">
-              <tr
-                v-for="(code, lineNo) in submissionText"
-                :key="lineNo"
-              >
+            <tr
+              v-for="(code, lineNo) in submissionText"
+              :key="lineNo"
+            >
+              <math-renderer :enabled="mathIsRendered">
                 <submission-line
                   :code="code"
                   :line-no="lineNo"
@@ -52,8 +52,8 @@
                     </template>
                   </template>
                 </submission-line>
-              </tr>
-            </math-renderer>
+              </math-renderer>
+            </tr>
           </template>
         </base-annotated-submission>
         <v-card>