refactor css

src/components/Dialogs/AddStudentsToCourseDialog.vue

 <template>
   <BaseDialog :show-dialog="showDialog" dialog-title="Add Student to Course">
-    <v-card-text
-      class="add-student-to-course-v-card d-flex flex-column justify-end"
-    >
+    <v-card-text class="d-flex flex-column justify-end pt-7 pb-7">
       <CourseNameDate
         :course-name="course.name"
         :course-date="course.startDate"
       />
-      <div class="vertical-padding"></div>
+      <div class="mt-3"></div>
       <UserSelectForCourse
         :are-no-available-seats="
           availableSeatsInCourse(
@@ -127,12 +125,3 @@ export default {
   },
 };
 </script>
-<style scoped>
-.add-student-to-course-v-card {
-  padding-bottom: 27px !important;
-  padding-top: 27px !important;
-}
-.vertical-padding {
-  height: 10px;
-}
-</style>