fix: titels van leerobjecten werden ook groen

frontend/src/assets/common.css

@@ -1,4 +1,4 @@
-h1 {
+.h1 {
     color: #0e6942;
     text-transform: uppercase;
     font-weight: bolder;
@@ -47,7 +47,7 @@ th {
 }
 
 @media screen and (max-width: 850px) {
-    h1 {
+    .h1 {
         text-align: center;
         padding-left: 0;
     }

frontend/src/i18n/locale/de.json

@@ -21,6 +21,7 @@
     "JoinClassExplanation": "Geben Sie den Code ein, den Ihnen die Lehrkraft mitgeteilt hat, um der Klasse beizutreten.",
     "invalidFormat": "Ungültiges Format",
     "submitCode": "senden",
+    "submit": "senden",
     "members": "Mitglieder",
     "themes": "Themen",
     "choose-theme": "Wählen Sie ein Thema",

frontend/src/i18n/locale/en.json

@@ -33,6 +33,7 @@
     "JoinClassExplanation": "Enter the code the teacher has given you to join the class.",
     "invalidFormat": "Invalid format.",
     "submitCode": "submit",
+    "submit": "submit",
     "members": "Members",
     "themes": "Themes",
     "choose-theme": "Select a theme",

frontend/src/i18n/locale/fr.json

@@ -33,6 +33,7 @@
     "JoinClassExplanation": "Entrez le code que l'enseignant vous a donné pour rejoindre la classe.",
     "invalidFormat": "Format non valide.",
     "submitCode": "envoyer",
+    "submit": "envoyer",
     "members": "Membres",
     "themes": "Thèmes",
     "choose-theme": "Choisis un thème",

frontend/src/i18n/locale/nl.json

@@ -33,6 +33,7 @@
     "JoinClassExplanation": "Voer de code in die je van de docent hebt gekregen om lid te worden van de klas.",
     "invalidFormat": "Ongeldig formaat.",
     "submitCode": "verzenden",
+    "submit": "verzenden",
     "members": "Leden",
     "themes": "Lesthema's",
     "choose-theme": "Kies een thema",

frontend/src/views/HomePage.vue

@@ -28,7 +28,7 @@
                     alt="Dwengo logo"
                     style="align-self: center"
                 />
-                <h1>{{ t("homeTitle") }}</h1>
+                <h1 class="h1">{{ t("homeTitle") }}</h1>
                 <p class="info">
                     {{ t("homeIntroduction1") }}
                 </p>

frontend/src/views/SingleTheme.vue

@@ -33,7 +33,7 @@
 <template>
     <div class="container">
         <using-query-result :query-result="themeQueryResult">
-            <h1>{{ currentThemeInfo!!.title }}</h1>
+            <h1 class="h1">{{ currentThemeInfo!!.title }}</h1>
             <p>{{ currentThemeInfo!!.description }}</p>
             <div class="search-field-container">
                 <v-text-field

frontend/src/views/assignments/CreateAssignment.vue

@@ -96,7 +96,7 @@
 
 <template>
     <div class="main-container">
-        <h1>{{ t("new-assignment") }}</h1>
+        <h1 class="h1">{{ t("new-assignment") }}</h1>
         <v-card class="form-card">
             <v-form
                 ref="form"

frontend/src/views/assignments/UserAssignments.vue

@@ -81,7 +81,7 @@
 
 <template>
     <div class="assignments-container">
-        <h1>{{ t("assignments") }}</h1>
+        <h1 class="h1">{{ t("assignments") }}</h1>
 
         <v-btn
             v-if="isTeacher"

frontend/src/views/classes/SingleClass.vue

@@ -187,7 +187,7 @@
             v-slot="classResponse: { data: ClassResponse }"
         >
             <div>
-                <h1>{{ classResponse.data.class.displayName }}</h1>
+                <h1 class="h1">{{ classResponse.data.class.displayName }}</h1>
                 <using-query-result
                     :query-result="getStudents"
                     v-slot="studentsResponse: { data: StudentsResponse }"

frontend/src/views/classes/StudentClasses.vue

@@ -136,7 +136,7 @@
             ></v-empty-state>
         </div>
         <div v-else>
-            <h1>{{ t("classes") }}</h1>
+            <h1 class="h1">{{ t("classes") }}</h1>
             <using-query-result
                 :query-result="classesQuery"
                 v-slot="classResponse: { data: ClassesResponse }"

frontend/src/views/classes/TeacherClasses.vue

@@ -184,7 +184,7 @@
             ></v-empty-state>
         </div>
         <div v-else>
-            <h1>{{ t("classes") }}</h1>
+            <h1 class="h1">{{ t("classes") }}</h1>
             <using-query-result
                 :query-result="classesQuery"
                 v-slot="classesResponse: { data: ClassesResponse }"
@@ -334,7 +334,7 @@
                 </v-container>
             </using-query-result>
 
-            <h1>
+            <h1 class="h1">
                 {{ t("invitations") }}
             </h1>
             <v-container

frontend/src/views/homepage/UserHomePage.vue

@@ -47,7 +47,7 @@
 
 <template>
     <div class="main-container">
-        <h1>{{ t("themes") }}</h1>
+        <h1 class="h1">{{ t("themes") }}</h1>
         <v-container class="dropdowns">
             <v-select
                 class="v-select"