refactor html

src/components/Dialogs/DialogComponents/UserSelectForCourse.vue

@@ -13,7 +13,7 @@
     />
 
     <label
-      class="text-left w-100 d-block text--white available-seats-label"
+      class="text-left w-100 d-block available-seats-label"
       v-if="
         isCourseSelected &&
         availableSeatsInCourse === 0 &&
@@ -22,7 +22,7 @@
       >This course is full. You won't be able to add any students.</label
     >
     <label
-      class="text-left w-100 d-block text--white available-seats-label"
+      class="text-left w-100 d-block available-seats-label"
       v-else-if="
         isCourseSelected &&
         availableSeatsInCourse === 0 &&
@@ -34,13 +34,13 @@
       this course will be full</label
     >
     <label
-      class="text-left w-100 d-block text--white available-seats-label"
+      class="text-left w-100 d-block available-seats-label"
       v-else-if="selectedMembers.length === 0"
       >No users have been selected</label
     >
     <label
       v-else-if="isCourseSelected && !areNoAvailableSeats"
-      class="text-left w-100 d-block text--white available-seats-label"
+      class="text-left w-100 d-block available-seats-label"
       >You will have
       {{ availableSeatsInCourse }}
       available seat reservation{{