Style final an non-final feedbacks

client/src/components/StudentSubmission.vue

@@ -10,7 +10,7 @@
       </p>
     </div>
     <div class="student-submission__feedback entry">
-      <p>{{submission.submissionfeedback.text | trimToLength(50)}}</p>
+      <p class="entry__text" :class="{'entry__text--final': submission.submissionfeedback.final}">{{submission.submissionfeedback.text | trimToLength(50)}}</p>
     </div>
   </div>
 </template>
@@ -59,6 +59,7 @@
       font-weight: 800;
       font-family: $sans-serif-font-family;
     }
+
     &__entry {
       font-size: toRem(14px);
       font-family: $sans-serif-font-family;
@@ -68,4 +69,13 @@
       margin-top: 1rem;
     }
   }
+
+  .entry {
+    &__text {
+      color: $color-silver-dark;
+      &--final {
+        color: $color-charcoal-dark;
+      }
+    }
+  }
 </style>

client/src/pages/studentSubmission.vue

@@ -197,6 +197,7 @@
 
 <style scoped lang="scss">
   @import "@/styles/_variables.scss";
+  @import "@/styles/_functions.scss";
 
   .submission-page {
     &__content {