[+] Import SearchSettings

src/pages/course-selection/course-selection.ts

@@ -2,8 +2,9 @@ import {Component, Prop, Vue} from 'vue-property-decorator'
 import App from '@/components/app/app';
 import CourseInfo, {ClassInfo, UniqueCourse} from '@/logic/course-info';
 import {GPAUtils} from '@/logic/utils/gpa-utils';
+import SearchSettings from '@/pages/course-selection/search-settings/search-settings.vue';
 
-@Component
+@Component({components: {SearchSettings}})
 export default class CourseSelection extends Vue
 {
     @Prop({required: true}) app: App

src/pages/course-selection/course-selection.vue

@@ -15,8 +15,8 @@
 
         <el-row>
             <el-col :span="16" class="overall-span">
-                <el-card class="left vertical-center" :style="{height: cardsHeight + 'px'}">
-
+                    <el-card class="left" :style="{height: cardsHeight + 'px'}">
+                    <SearchSettings></SearchSettings>
                 </el-card>
             </el-col>