Compliance: Font size and text changes

web/src/views/TrainingCompletion.vue

@@ -9,14 +9,14 @@
               text="Sandsynlighed for at gennemføre træning"
             />
             <div class="compliance">
-              <v-chip color="#DDDDDD">
+              <v-chip color="#E2E2E2">
                 <div class="compliancePositive" v-if="getCompliance == 0">
-                  Selvhjulpenhed
-                  <v-icon right color="green">mdi-thumb-up</v-icon>
+                  Compliance
+                  <v-icon right color="#53D000">mdi-thumb-up</v-icon>
                 </div>
                 <div class="complianceNegative" v-else>
-                  Selvhjulpenhed
-                  <v-icon right color="red">mdi-thumb-down</v-icon>
+                  Compliance
+                  <v-icon right color="#FF2402">mdi-thumb-down</v-icon>
                 </div>
               </v-chip>
             </div>
@@ -65,10 +65,10 @@ export default Vue.extend({
 }
 
 .compliancePositive {
-  font-size: 16px;
+  font-size: 17px;
 }
 
 .complianceNegative {
-  font-size: 16px;
+  font-size: 17px;
 }
 </style>